Web optimization colours
- Picton Blue#4bb2db
- Lenurple#bb9cdb
- Coffee#704830
- Rhythm#766b92
- Blue Bell#ac9ccc
- Soldier Green#524c2c
Створено 03/15/2022 15:41
Палітра містить світлий, напівтемний кольори. Акцентні кольори Picton Blue #4bb2db та Coffee #704830. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #524C2C (найтемніший) до #BB9CDB (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 1 приглушених і 1 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 6).
HEX-коди (відсортовано): #4BB2DB, #524C2C, #704830, #766B92, #AC9CCC, #BB9CDB
Палітра Web optimization colours містить комбінацію з 6 кодів кольорів :
HEX: #4bb2db, RGB: (75, 178, 219); HEX: #bb9cdb, RGB: (187, 156, 219); HEX: #704830, RGB: (112, 72, 48)
HEX: #766b92, RGB: (118, 107, 146); HEX: #ac9ccc, RGB: (172, 156, 204); HEX: #524c2c, RGB: (82, 76, 44)
Спрощений варіант палітри кольорів
Світлий відтінок Насичений небесно-блакитний, Темний відтінок Сливовий, Темний відтінок Сідельний коричневий, Темний відтінок Помірно-фіолетовий, Темний відтінок Сливовий, Темний відтінок Темно-оливковий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web optimization colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #4bb2db | #4bb2db | RGB(75, 178, 219) | Picton Blue | — |
| #bb9cdb | #bb9cdb | RGB(187, 156, 219) | Lenurple | — |
| #704830 | #704830 | RGB(112, 72, 48) | Coffee | — |
| #766b92 | #766b92 | RGB(118, 107, 146) | Rhythm | — |
| #ac9ccc | #ac9ccc | RGB(172, 156, 204) | Blue Bell | — |
| #524c2c | #524c2c | RGB(82, 76, 44) | Soldier Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#4bb2db | #bb9cdb | 1.02 |
#4bb2db | #ac9ccc | 1.03 |
#bb9cdb | #ac9ccc | 1.06 |
#704830 | #766b92 | 1.61 |
#704830 | #524c2c | 1.09 |
#766b92 | #ac9ccc | 1.95 |
Палітра із зображення Web optimization colours png
Експортувати палітру
Завантажте "Web optimization colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: