Генератор палітр кольорів
Натисніть пробіл, щоб отримати нову палітру. Закріпіть кольори, які сподобалися, решта підлаштується під них.
Ідеї палітр кольорівСтиль
- 0F172AПриглушений дуже темно-синій
- 1E40AFМ’який темно-синій
- 60A5FAЯскравий світло-синій
- FDE68AПастельний дуже світло-жовтий
- F97316Яскравий світло-помаранчевий
Пробіл дає нову палітру, Ctrl+Z скасовує, клік по кольору відкриває редактор.
Експорт
Експорт
Значення
:root {
--midnight-blue: oklch(20.768% 0.03982 265.755);
--cobalt: oklch(42.445% 0.18087 265.638);
--azure: oklch(71.374% 0.14338 254.624);
--khaki: oklch(92.428% 0.11513 95.746);
--pumpkin: oklch(70.487% 0.18672 47.604);
}Перевірки
Пари для читабельного тексту
- Aa14,3:1
- Aa7,0:1
- Aa7,0:1
- Aa6,4:1
Пар, які зливаються при дальтонізмі: 1
Відкрити в симуляторіКольори палітри
| Назва | HEX | RGB | OKLCH |
|---|---|---|---|
| Приглушений дуже темно-синій | #0f172a | rgb(15 23 42) | oklch(20.768% 0.03982 265.755) |
| М’який темно-синій | #1e40af | rgb(30 64 175) | oklch(42.445% 0.18087 265.638) |
| Яскравий світло-синій | #60a5fa | rgb(96 165 250) | oklch(71.374% 0.14338 254.624) |
| Пастельний дуже світло-жовтий | #fde68a | rgb(253 230 138) | oklch(92.428% 0.11513 95.746) |
| Яскравий світло-помаранчевий | #f97316 | rgb(249 115 22) | oklch(70.487% 0.18672 47.604) |