Створено 02/15/2023 11:03
Web logo ui typo
- Button Blue#2ca2ef
- Light Sky Blue#83c8f5
- Space Cadet#143c54
- Old Silver#848484
- Dark Gray (X11)#ada8a8
- Arsenic#3d4447
Палітра містить світлий кольори. Акцентні кольори Button Blue #2ca2ef та Dark Gray (X11) #ada8a8. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #143C54 (найтемніший) до #83C8F5 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #143C54, #2CA2EF, #3D4447, #83C8F5, #848484, #ADA8A8
Палітра Web logo ui typo містить комбінацію з 6 кодів кольорів :
HEX: #2ca2ef, RGB: (44, 162, 239); HEX: #83c8f5, RGB: (131, 200, 245); HEX: #143c54, RGB: (20, 60, 84)
HEX: #848484, RGB: (132, 132, 132); HEX: #ada8a8, RGB: (173, 168, 168); HEX: #3d4447, RGB: (61, 68, 71)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightskyblue, Відтінок midnightblue, Відтінок Сірий, Відтінок darkgrey, Відтінок darkslategrey
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Web logo ui typo коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2ca2ef | #2ca2ef | RGB(44, 162, 239) | Button Blue | — |
| #83c8f5 | #83c8f5 | RGB(131, 200, 245) | Light Sky Blue | — |
| #143c54 | #143c54 | RGB(20, 60, 84) | Space Cadet | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #ada8a8 | #ada8a8 | RGB(173, 168, 168) | Dark Gray (X11) | — |
| #3d4447 | #3d4447 | RGB(61, 68, 71) | Arsenic | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2ca2ef | #83c8f5 | 1.53 |
#2ca2ef | #848484 | 1.33 |
#2ca2ef | #ada8a8 | 1.18 |
#83c8f5 | #ada8a8 | 1.29 |
#143c54 | #3d4447 | 1.17 |
#848484 | #ada8a8 | 1.59 |
Зображення палітри Web logo ui typo png
Експортувати палітру
Завантажте "Web logo ui typo" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: