Створено 08/16/2022 09:52
Clean ui components whitespace web app colours
- Dark Lemon Lime#81b01d
- Crystal#a5d3e3
- Smoky Black#0c0c04
- Olive Green#aaa66c
- Dark Vanilla#cac7a8
- Royal Brown#503c2c
Палітра містить світлий, темний кольори. Акцентні кольори Dark Lemon Lime #81b01d та Crystal #a5d3e3. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #0C0C04 (найтемніший) до #A5D3E3 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #0C0C04, #503C2C, #81B01D, #A5D3E3, #AAA66C, #CAC7A8
Палітра Clean ui components whitespace web app colours містить комбінацію з 6 кодів кольорів :
HEX: #81b01d, RGB: (129, 176, 29); HEX: #a5d3e3, RGB: (165, 211, 227); HEX: #0c0c04, RGB: (12, 12, 4)
HEX: #aaa66c, RGB: (170, 166, 108); HEX: #cac7a8, RGB: (202, 199, 168); HEX: #503c2c, RGB: (80, 60, 44)
Спрощений варіант палітри кольорів
Відтінок Жовтозелений, Відтінок lightblue, Відтінок Чорний, Відтінок darkkhaki, Відтінок wheat, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Clean ui components whitespace web app colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #81b01d | #81b01d | RGB(129, 176, 29) | Dark Lemon Lime | — |
| #a5d3e3 | #a5d3e3 | RGB(165, 211, 227) | Crystal | — |
| #0c0c04 | #0c0c04 | RGB(12, 12, 4) | Smoky Black | — |
| #aaa66c | #aaa66c | RGB(170, 166, 108) | Olive Green | — |
| #cac7a8 | #cac7a8 | RGB(202, 199, 168) | Dark Vanilla | — |
| #503c2c | #503c2c | RGB(80, 60, 44) | Royal Brown | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#81b01d | #a5d3e3 | 1.59 |
#81b01d | #aaa66c | 1.02 |
#81b01d | #cac7a8 | 1.5 |
#a5d3e3 | #aaa66c | 1.55 |
#a5d3e3 | #cac7a8 | 1.06 |
#0c0c04 | #503c2c | 1.89 |
Зображення палітри Clean ui components whitespace web app colours png
Експортувати палітру
Завантажте "Clean ui components whitespace web app colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: