Жълто — Значение, палитри, допълващи се цветове и хармонии
Практическо ръководство за цвета жълто: символика и психология, на цветно колело връзки (допълващи, аналогични, триадни), достъпен цветови комбинациии палети за изтегляне. Конвертиране между HEX, RGB, и HSL, копирайте CSS променливи и визуализирайте съвпадащи цветове, които вървят заедно.
Съвет: Натиснете Въведете във всяко поле, за да актуализирате всички стойности.
Жълто с един поглед
Жълтото сигнализира слънце, топлина, любопитство и оптимизъм. Той се отличава като акцентиращ цвят за подчертаване на призиви за действие, ценови етикети и предупреждения. За дълго четене предпочитайте по-меки нюанси за комфорт.
Чисто жълтото има нисък контраст върху бялото. За достъпен потребителски интерфейс поставете жълто върху тъмносиньо, въглен или наситено виолетово. Използвайте черен или много тъмно сив текст върху бледожълт фон.
Жълти палитри
Автоматично генерирано нюанси (повече бяло), нюанси (повече черно), и тонове (повече сиво) от текущото жълто. Щракнете върху произволен образец, за да копирате HEX. Можете също да изтеглите PNG палитра.
Оттенъци
Сенки
Тонове
Хармонии на цветното колело
Разгледайте допълващи се цветни двойки, аналогичен съседи, и триаден комплекти от това жълто. Тези готови комбинации ви помагат да намерите цветове, които се съчетават добре.
Противоположните цветове на цветното колело създават висок контраст за CTA и значки.
Съседите на колелото се чувстват хармонично — чудесно за фонове и градиенти.
Три равномерно разположени нюанса предлагат балансиран контраст за табла и диаграми.
Приложения и най-добри практики
Брандиране
Жълтото добавя дружелюбност и енергия към марките за търговия на дребно, храна, детски продукти и туристически марки. Съчетайте с въглен или наситено синьо за професионален баланс и четлива типография.
Потребителски интерфейс и достъпност
Използвайте жълто като акцент за бутони и акценти. За дълго съдържание изберете бледи нюанси като фон с тъмен текст, за да отговаряте на WCAG контраста.
Маркетинг и опаковане
Жълтото привлича вниманието към рафтовете и социалните канали. Допълнителните сини или лилави цветове създават поразителни секции с герои и продуктови карти.
Характеристики
- Моментално HEX ↔ RGB ↔ HSL преобразуване и синхронизация.
- Автоматични палитри: нюанси, нюанси, тонове плюс PNG палитра за изтегляне.
- Хармонии на цветното колело: допълнителни, аналогични, триадични предложения.
- бързо CSS променливи износ за системи за проектиране.
Как да използвате
- Въведете HEX (напр.
#FFD600) или RGB/HSL стойности и натиснете Въведете. - Щракнете върху който и да е образец, за да копирате неговия HEX. Използвайте допълнителни или триадни комплекти за силен контраст.
- Изтеглете палитрата PNG или копирайте CSS променливите и ги поставете във вашия проект.
- Проверете съветите за контраст, за да поддържате текста четим на светложълти потребителски интерфейси.
ЧЗВ
Кои са цветовете, които вървят добре с жълтото?
Морско синьо, въглен, тъмно виолетово и наситено горско зелено се съчетават добре. За ярки акценти използвайте допълващо синьо-синьо или лилаво.
Какъв е противоположният цвят на жълтото?
На RGB/HSL колело противоположният нюанс е близо синьо-циан (около 180° от жълтия нюанс).
Мога ли да използвам жълто за основен текст?
Обикновено не на светъл фон. Запазете жълто за акценти или икони; вместо това използвайте тъмен текст върху бледожълта карта.