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

Цвет «жёлтый»

Самый светлый цвет цветового круга, глаз воспринимает его первым. Ассоциируется с солнцем, летом и осторожностью. Поэтому его можно увидеть на такси, дорожных знаках и у брендов, которые хотят выглядеть оптимистично.

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

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

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

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

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

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

Лимонный#FFF700Канареечно-жёлтый#FFEF00Золотисто-жёлтый#FFDF00Неоново-жёлтый#CCFF00Банановый#FFE135Золотой#FFD700

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

Цвет «жёлтый» (#FFFF00) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки жёлтого. Он состоит из 255 частей красного, 255 — зелёного и 0 — синего (из 255). Типичное применение: Айдентика, Логотипы, Для детей, Веб.

Жёлтый: образец цвета с оттенками от светлого до тёмного · #FFFF00
Жёлтый · #FFFF00

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

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

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

Цвета, которые сочетаются с цветом «жёлтый»

Цвета, которые сочетаются с цветом «жёлтый»: Серый, Тёмно-синий, Белый, Чёрный, Тёмно-фиолетовый
#FFFF00 · #808080 · #000080 · #FFFFFF · #000000 · #800080
СерыйСовременная, сбалансированная классика.Тёмно-синийСильный, элегантный контраст.БелыйСвежо и светло.ЧёрныйМаксимальный контраст, очень графично.Тёмно-фиолетовыйЕго дополнение, живое и смелое.ЗелёныйПриродное, весёлое сочетание.Небесно-голубойВесенняя пара.БежевыйМягкая, тёплая основа.
Как сочетать цвет «жёлтый» в одежде и интерьере →

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

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

КомплементарнаяБлизко к: Синий
АналоговыеБлизко к: Оранжевый, Шартрёз
ТриадаБлизко к: Лазурный, Маджента
Расщеплённая комплементарнаяБлизко к: Лазурно-синий, Фиолетовый
ТетрадаБлизко к: Весенний зелёный, Синий, Глубокий розовый

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

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

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

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

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

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

CSS-код

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

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

ЛаймовыйКукурузныйСливочно-жёлтыйПодсолнуховый

Где встречается этот цвет

КолумбияФлагиClub AméricaФутбольные клубыMcDonald'sБрендыЭквадорФлагиTigres UANLФутбольные клубыInstagramБрендыВенесуэлаФлагиУниверситариоФутбольные клубыMercado LibreБрендыБоливияФлагиПеньярольФутбольные клубыGoogleБренды

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

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

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

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

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

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

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

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

С какими цветами сочетается цвет «жёлтый»?

Он хорошо сочетается с этими цветами: серый, тёмно-синий, белый, чёрный, тёмно-фиолетовый. Не сочетай его одновременно с насыщенным оранжевым и красным: образ тогда кричит. Как текст на чисто-белом жёлтый читается очень плохо.