Різні кольори одного тону
Кілька різних кольорів однакової світлоти й насиченості. На іконках, мітках, графіках і слайдах вони виглядають як один набір.
Натисніть на колір, щоб скопіювати HEX.
Як вони виглядають разом
- Головна
- Повідомлення
- Календар
- Файли
- Фото
- Музика
Код
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceПеревірити свої кольори
Вставте кольори, які вже використовуєте, кожен з нового рядка або через пробіл. Покажемо, чи вони на одному рівні, і дамо виправлений набір з тими самими відтінками.
Запитання і відповіді
Чому кольори з однаковою світлотою в HSL виглядають нерівно?
HSL вважає всі відтінки однаковими, а око ні: жовтий і зелений за тих самих чисел HSL виглядають набагато світлішими за синій. Цей інструмент працює в OKLCH, де однакова світлота й виглядає однаково, тому жодна іконка чи стовпчик графіка не вибивається.
Скільки різних кольорів людина розрізняє?
На графіку чи в легенді більшість швидко розрізняє 6-8 кольорів. До 12 працює, якщо поруч є підписи. Якщо категорій більше, об'єднайте дрібні або додайте підписи, штрихування чи значки.
Який стиль обрати?
Пастельні й м'які підходять для тла міток і бейджів із темним текстом. Яскраві й насичені підходять для іконок, стовпчиків і ліній графіка на білому тлі. Глибокі й темні підходять для плиток із білим текстом і для акцентів на темній темі.
Чи можна писати текст на цих кольорах?
Так. У попередньому перегляді для кожного кольору обрано чорний або білий текст. Світлим стилям підходить темний текст, глибоким білий. Для основного тексту перевірте точну пару в перевірці контрасту.
Чи підходять кольори одного рівня людям із дальтонізмом?
Кольори одного рівня відрізняються лише відтінком, а це найважче для людей із порушенням колірного зору. На графіках додайте підписи чи штрихування або перевірте набір у симуляторі дальтонізму. Для іконок з підписами зазвичай усе гаразд.