Створено 02/02/2021 16:59
lxlxxlxlxl
accent
#ff6358
info
#0058e9
success
#37b400
warning
#ffc000
error
#f31700
base text
#656565
hovered bg
#ededed
#7389ec
#99dad9
#1d9731
#907548
#fda56c
#b503e1
#279184
#ea2b49
#c084a9
#5d941d
#2f5daf
#14ab06
#4e4911
Палітра містить світлий, напівтемний кольори. Акцентні кольори info #0058e9 та warning #ffc000. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
Палітра lxlxxlxlxl містить комбінацію з 20 кодів кольорів :
HEX: #ff6358, RGB: (255, 99, 88); HEX: #0058e9, RGB: (0, 88, 233); HEX: #37b400, RGB: (55, 180, 0)
HEX: #ffc000, RGB: (255, 192, 0); HEX: #f31700, RGB: (243, 23, 0); HEX: #656565, RGB: (101, 101, 101)
HEX: #ededed, RGB: (237, 237, 237); HEX: #7389ec, RGB: (115, 137, 236); HEX: #99dad9, RGB: (153, 218, 217)
HEX: #1d9731, RGB: (29, 151, 49); HEX: #907548, RGB: (144, 117, 72); HEX: #fda56c, RGB: (253, 165, 108)
HEX: #b503e1, RGB: (181, 3, 225); HEX: #279184, RGB: (39, 145, 132); HEX: #ea2b49, RGB: (234, 43, 73)
HEX: #c084a9, RGB: (192, 132, 169); HEX: #5d941d, RGB: (93, 148, 29); HEX: #2f5daf, RGB: (47, 93, 175)
HEX: #14ab06, RGB: (20, 171, 6); HEX: #4e4911, RGB: (78, 73, 17)
Спрощений варіант палітри кольорів
Відтінок tomato, Відтінок royalblue, Відтінок limegreen, Відтінок goldenrod, Відтінок Червоний, Відтінок dimgrey, Відтінок whitesmoke, Відтінок cornflowerblue, Відтінок paleturquoise, Відтінок forestgreen, Відтінок darkgoldenrod, Відтінок sandybrown, Відтінок darkorchid, Відтінок darkcyan, Відтінок crimson, Відтінок palevioletred, Відтінок olivedrab, Відтінок royalblue, Відтінок limegreen, Відтінок darkolivegreen
Кольорова схема створена автором —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Коди кольорів у палітрі
lxlxxlxlxl коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#ff6358 | RGB(255, 99, 88) | accent | — | |
#0058e9 | RGB(0, 88, 233) | info | — | |
#37b400 | RGB(55, 180, 0) | success | — | |
#ffc000 | RGB(255, 192, 0) | warning | — | |
#f31700 | RGB(243, 23, 0) | error | — | |
#656565 | RGB(101, 101, 101) | base text | — | |
#ededed | RGB(237, 237, 237) | hovered bg | White Edgar | |
#7389ec | RGB(115, 137, 236) | — | — | |
#99dad9 | RGB(153, 218, 217) | — | — | |
#1d9731 | RGB(29, 151, 49) | — | — | |
#907548 | RGB(144, 117, 72) | — | — | |
#fda56c | RGB(253, 165, 108) | — | — | |
#b503e1 | RGB(181, 3, 225) | — | — | |
#279184 | RGB(39, 145, 132) | — | — | |
#ea2b49 | RGB(234, 43, 73) | — | — | |
#c084a9 | RGB(192, 132, 169) | — | — | |
#5d941d | RGB(93, 148, 29) | — | — | |
#2f5daf | RGB(47, 93, 175) | — | — | |
#14ab06 | RGB(20, 171, 6) | — | — | |
#4e4911 | RGB(78, 73, 17) | — | — |
Контраст палітри кольорів
125 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff6358 | #37b400 | 1.07 |
#ff6358 | #ffc000 | 1.78 |
#ff6358 | #f31700 | 1.45 |
#ff6358 | #656565 | 1.99 |
#ff6358 | #7389ec | 1.1 |
#ff6358 | #99dad9 | 1.86 |