Chartreuse — Meaning, Palettes, Complementary Colors, and Harmonies

Исследовать chartreuse (HTML #7FFF00): psychology, the цветовой круг (дополнительный, аналогичный, триадный), доступный цветовые сочетанияи готовые палитры. Конвертировать шестигранник, RGB, ХСЛ, скопируйте переменные CSS и загрузите палитру PNG.

chartreuse color цветовой круг дополнительные цвета цветовая гармония соответствующие цвета

Совет: нажмите Входить в любом поле, чтобы обновить все значения.

Chartreuse at a Glance

Смысл и психология

Chartreuse blends green’s natural energy with yellow’s optimism. It signals freshness and innovation in tech, fitness, food, and eco brands.

Контраст и разборчивость

As a vivid color, it needs deep counterparts. Try charcoal, black, indigo, or magenta-violet for accessible UI elements and CTAs.

Проверка контрастности (на белом)
Проверка контрастности (на черном)

Chartreuse Palettes

Автоматически генерируется оттенки (более белый), оттенки (более черный) и тона (более серый). Щелкните любой образец, чтобы скопировать HEX или экспортировать все как переменные CSS. Вы также можете скачать палитру PNG.

Оттенки

Оттенки

Тоны

Гармония цветового круга

Исследовать дополнительный пары, аналогичный соседи и триадный sets from this chartreuse. These combinations help you find colors that go well together.

Дополнительный

Opposites create high-impact CTAs. A deep magenta-violet pairs well.

Аналогичный

Neighbors around yellow–green feel fresh and organic.

Триадический

Even spacing offers balanced contrast for dashboards.

Функции

  • Синхронизировано HEX ↔ RGB ↔ HSL конверсия.
  • Сгенерированные палитры: оттенки, оттенки, тона.
  • Гармония цветового круга: дополнительный, аналогичный, триадный.
  • В один клик CSS-переменные и можно скачать PNG палитра.

Приложения

Chartreuse works for sustainability cues, health and fitness, fresh food, and innovation in tech UI. Balance it with charcoal, navy, black, or deep violet. Reserve it for accents, badges, progress states, and highlight cards.

Как использовать

  1. Введите шестнадцатеричный код (например. #7FFF00) или значения RGB/HSL и нажмите Входить.
  2. Щелкните любой образец, чтобы скопировать его HEX. Попробуйте дополнительные или триадные наборы для контраста.
  3. Загрузите палитру PNG или скопируйте переменные CSS для своей системы дизайна.
  4. Check contrast (white/black) to keep text readable in chartreuse UIs.

Часто задаваемые вопросы

Which colors go well with chartreuse?

Charcoal, black, indigo, deep violet, magenta-violet, and cool gray. For soft pairings, add pale creams and mints.

What is the opposite color of chartreuse?

A magenta-violet opposite on the RGB/HSL wheel provides the strongest contrast. Pick a deeper shade for accessible buttons.

Is chartreuse good for body text?

Generally no on light backgrounds. Keep chartreuse for accents, icons, and highlights; use dark text on pale chartreuse surfaces.

Последнее обновление контента: 18 ноября 2025 г.