Chartreuse — Meaning, Palettes, Complementary Colors, and Harmonies
Исследовать chartreuse (HTML #7FFF00): psychology, the цветовой круг (дополнительный, аналогичный, триадный), доступный цветовые сочетанияи готовые палитры. Конвертировать шестигранник, RGB, ХСЛ, скопируйте переменные CSS и загрузите палитру PNG.
Совет: нажмите Входить в любом поле, чтобы обновить все значения.
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.
Как использовать
- Введите шестнадцатеричный код (например.
#7FFF00) или значения RGB/HSL и нажмите Входить. - Щелкните любой образец, чтобы скопировать его HEX. Попробуйте дополнительные или триадные наборы для контраста.
- Загрузите палитру PNG или скопируйте переменные CSS для своей системы дизайна.
- 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 г.
