Цветовые палитры

Цвет «неоново-жёлтый»

Зеленоватый жёлтый настолько насыщенный, что словно излучает свет. Это цвет текстовыделителей, светоотражающих жилетов и теннисных мячей. На экране выделяется предельно сильно.

Другие названия: сигнальный жёлтый, флуоресцентный жёлтый.

Открыть в редакторе

HEX-код цвета «неоново-жёлтый» — #CCFF00. В RGB это rgb(204, 255, 0), в HSL — hsl(72, 100%, 50%), а в CMYK — 20, 0, 100, 0.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «неоново-жёлтый»

Лаймовый#BFFF00Жёлтый#FFFF00Лимонный#FFF700Шартрёз#7FFF00Травянисто-зелёный#7CFC00Канареечно-жёлтый#FFEF00

Цвет «неоново-жёлтый» вкратце

Цвет «неоново-жёлтый» (#CCFF00) — на границе тёплого и холодного, средней светлоты и очень насыщенный. Он относится к группе оттенки жёлтого. Он состоит из 204 частей красного, 255 — зелёного и 0 — синего (из 255). Типичное применение: Спорт, Безопасность, Графический дизайн.

Неоново-жёлтый: образец цвета с оттенками от светлого до тёмного · #CCFF00
Неоново-жёлтый · #CCFF00

Оттенки цвета «неоново-жёлтый»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «неоново-жёлтый»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Синий
АналоговыеБлизко к: Янтарный, Неоново-зелёный
Расщеплённая комплементарнаяБлизко к: Электрик, Фиолетовый

Палитры с цветом «неоново-жёлтый»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Неоново-жёлтый
Палитра: Аналоговая · Неоново-жёлтый
Палитра: Комплементарная · Неоново-жёлтый
Палитра: Триада · Неоново-жёлтый
Палитра: С нейтральными цветами · Неоново-жёлтый
Палитра: С акцентом · Неоново-жёлтый

Контраст цвета «неоново-жёлтый» с текстом

Белый текстКонтраст 1.2:1 · Не рекомендуется
Чёрный текстКонтраст 17.9:1 · AAA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --neonovyy-zheltyy: #CCFF00;
  --neonovyy-zheltyy-rgb: 204, 255, 0;
}
.фон { background-color: var(--neonovyy-zheltyy); }
.текст { color: var(--neonovyy-zheltyy); }

Цвета, похожие на цвет «неоново-жёлтый»

Яблочно-зелёныйСливочно-жёлтыйЗолотисто-жёлтыйКукурузный

Тематические палитры с этим цветом

Другие: оттенки жёлтого

ЖёлтыйЗолотойСтарое золотоГорчичныйЛимонныйЯнтарныйПшеничныйМедовыйКанареечно-жёлтыйШафрановыйШампаньПастельно-жёлтыйКукурузныйПодсолнуховыйЗолотарниковыйКалендулаСливочно-жёлтыйЗолотисто-жёлтыйБанановыйЛатунный
Неоново-жёлтый: образец цвета с оттенками от светлого до тёмного · #CCFF00
Неоново-жёлтый: образец цвета с оттенками от светлого до тёмного · #CCFF00

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветноеЦветовой автоматПотяни рычаг и получи цветовую палитру
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «неоново-жёлтый»?

HEX-код цвета «неоново-жёлтый» — #CCFF00. В RGB это rgb(204, 255, 0), в HSL — hsl(72, 100%, 50%), а в CMYK — 20, 0, 100, 0.

Какой цвет дополняет цвет «неоново-жёлтый»?

Дополнительный цвет на цветовом круге — #3300FF, оттенок, близкий к цвету «синий». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «неоново-жёлтый»?

Лучше используй чёрный текст: контраст с белым всего 1.2:1, а с чёрным — 17.9:1.