Створено 06/09/2023 00:24
Elixir UI - extended
Red
#f43143
Orange
#fd7722
Yellow
#feb800
Green
#01be5e
Blue
#088ce4
Violet
#7a50f0
Purple
#a938bc
Pink
#e6518f
Gray
#455d75
Dark
#374457
Dark-hover
#52657c
Light
#cad3e0
Light-hover
#fffeff
Палітра містить напівтемний, світлий кольори. Акцентні кольори Green #01be5e та Light-hover #fffeff. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
Палітра Elixir UI - extended містить комбінацію з 13 кодів кольорів :
HEX: #f43143, RGB: (244, 49, 67); HEX: #fd7722, RGB: (253, 119, 34); HEX: #feb800, RGB: (254, 184, 0)
HEX: #01be5e, RGB: (1, 190, 94); HEX: #088ce4, RGB: (8, 140, 228); HEX: #7a50f0, RGB: (122, 80, 240)
HEX: #a938bc, RGB: (169, 56, 188); HEX: #e6518f, RGB: (230, 81, 143); HEX: #455d75, RGB: (69, 93, 117)
HEX: #374457, RGB: (55, 68, 87); HEX: #52657c, RGB: (82, 101, 124); HEX: #cad3e0, RGB: (202, 211, 224)
HEX: #fffeff, RGB: (255, 254, 255)
Спрощений варіант палітри кольорів
Відтінок crimson, Відтінок coral, Відтінок Помаранчевий, Відтінок mediumseagreen, Відтінок dodgerblue, Відтінок slateblue, Відтінок darkorchid, Відтінок deeppink, Відтінок slateblue, Відтінок darkslateblue, Відтінок slategrey, Відтінок lightgrey, Відтінок Білий
Кольорова схема створена автором FoXcodeZ
Коди кольорів у палітрі
Elixir UI - extended коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#f43143 | RGB(244, 49, 67) | Red | — | |
#fd7722 | RGB(253, 119, 34) | Orange | — | |
#feb800 | RGB(254, 184, 0) | Yellow | — | |
#01be5e | RGB(1, 190, 94) | Green | — | |
#088ce4 | RGB(8, 140, 228) | Blue | — | |
#7a50f0 | RGB(122, 80, 240) | Violet | — | |
#a938bc | RGB(169, 56, 188) | Purple | — | |
#e6518f | RGB(230, 81, 143) | Pink | — | |
#455d75 | RGB(69, 93, 117) | Gray | — | |
#374457 | RGB(55, 68, 87) | Dark | — | |
#52657c | RGB(82, 101, 124) | Dark-hover | — | |
#cad3e0 | RGB(202, 211, 224) | Light | — | |
#fffeff | RGB(255, 254, 255) | Light-hover | — |
Контраст палітри кольорів
41 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#f43143 | #fd7722 | 1.46 |
#f43143 | #01be5e | 1.58 |
#f43143 | #088ce4 | 1.09 |
#f43143 | #7a50f0 | 1.26 |
#f43143 | #a938bc | 1.34 |
#f43143 | #e6518f | 1.1 |