Створено 02/23/2020 08:54
Flat UI colors
- Carrot#e67e22
- Belize Hole#2980b9
- Clouds#ecf0f1
- Pumpkin#d35400
- Emerald#2ecc71
- Wisteria#8e44ad
- Peter River#3498db
- Pomegranate#c0392b
- Alizarin#e74c3c
- Turquoise#1abc9c
- Green Sea#16a085
- Concrete#95a5a6
- Wet Asphalt#34495e
- Midnight Blue#2c3e50
- Orange#f39c12
- Amethyst#9b59b6
- Nephritis#27ae60
- Asbestos#7f8c8d
- Silver#bdc3c7
- Sun Flower#f1c40f
Палітра містить світлий, напівтемний кольори. Акцентні кольори Pumpkin #d35400 та Green Sea #16a085. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #2C3E50 (найтемніший) до #ECF0F1 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #16A085, #1ABC9C, #27AE60, #2980B9, #2C3E50, #2ECC71, #34495E, #3498DB, #7F8C8D, #8E44AD, #95A5A6, #9B59B6, #BDC3C7, #C0392B, #D35400, #E67E22, #E74C3C, #ECF0F1, #F1C40F, #F39C12
Палітра Flat UI colors містить комбінацію з 20 кодів кольорів :
HEX: #e67e22, RGB: (230, 126, 34); HEX: #2980b9, RGB: (41, 128, 185); HEX: #ecf0f1, RGB: (236, 240, 241)
HEX: #d35400, RGB: (211, 84, 0); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #3498db, RGB: (52, 152, 219); HEX: #c0392b, RGB: (192, 57, 43); HEX: #e74c3c, RGB: (231, 76, 60)
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #16a085, RGB: (22, 160, 133); HEX: #95a5a6, RGB: (149, 165, 166)
HEX: #34495e, RGB: (52, 73, 94); HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f39c12, RGB: (243, 156, 18)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #27ae60, RGB: (39, 174, 96); HEX: #7f8c8d, RGB: (127, 140, 141)
HEX: #bdc3c7, RGB: (189, 195, 199); HEX: #f1c40f, RGB: (241, 196, 15)
Спрощений варіант палітри кольорів
Відтінок darkorange, Відтінок steelblue, Відтінок whitesmoke, Відтінок chocolate, Відтінок mediumseagreen, Відтінок darkorchid, Відтінок dodgerblue, Відтінок firebrick, Відтінок tomato, Відтінок mediumaquamarine, Відтінок lightseagreen, Відтінок darkgrey, Відтінок darkslateblue, Відтінок darkslateblue, Відтінок Помаранчевий, Відтінок mediumorchid, Відтінок mediumseagreen, Відтінок Сірий, Відтінок Срібний, Відтінок gold
Кольорова схема створена автором colorswall
Більше палітр з:
Коди кольорів у палітрі
Flat UI colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #e67e22 | #e67e22 | RGB(230, 126, 34) | Carrot | — |
| #2980b9 | #2980b9 | RGB(41, 128, 185) | Belize Hole | — |
| #ecf0f1 | #ecf0f1 | RGB(236, 240, 241) | Clouds | — |
| #d35400 | #d35400 | RGB(211, 84, 0) | Pumpkin | — |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | Emerald | — |
| #8e44ad | #8e44ad | RGB(142, 68, 173) | Wisteria | — |
| #3498db | #3498db | RGB(52, 152, 219) | Peter River | — |
| #c0392b | #c0392b | RGB(192, 57, 43) | Pomegranate | — |
| #e74c3c | #e74c3c | RGB(231, 76, 60) | Alizarin | — |
| #1abc9c | #1abc9c | RGB(26, 188, 156) | Turquoise | — |
| #16a085 | #16a085 | RGB(22, 160, 133) | Green Sea | — |
| #95a5a6 | #95a5a6 | RGB(149, 165, 166) | Concrete | — |
| #34495e | #34495e | RGB(52, 73, 94) | Wet Asphalt | — |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Midnight Blue | — |
| #f39c12 | #f39c12 | RGB(243, 156, 18) | Orange | — |
| #9b59b6 | #9b59b6 | RGB(155, 89, 182) | Amethyst | — |
| #27ae60 | #27ae60 | RGB(39, 174, 96) | Nephritis | — |
| #7f8c8d | #7f8c8d | RGB(127, 140, 141) | Asbestos | — |
| #bdc3c7 | #bdc3c7 | RGB(189, 195, 199) | Silver | — |
| #f1c40f | #f1c40f | RGB(241, 196, 15) | Sun Flower | — |
Контраст палітри кольорів
119 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#e67e22 | #2980b9 | 1.5 |
#e67e22 | #d35400 | 1.46 |
#e67e22 | #2ecc71 | 1.35 |
#e67e22 | #3498db | 1.1 |
#e67e22 | #c0392b | 1.9 |
#e67e22 | #e74c3c | 1.34 |
Зображення палітри Flat UI colors png
Експортувати палітру
Завантажте "Flat UI colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: