Створено 06/21/2018 08:21
Spectre.css colors palette
Primary
#5755d9
Secondary
#f1f1fc
Success
#32b643
Warning
#ffb700
Error
#e85600
Dark
#454d5d
Gray dark
#727e96
Gray
#acb3c2
Gray light
#e7e9ed
Border
#f0f1f4
Background
#f8f9fa
Light
#ffffff
Палітра містить напівтемний, світлий кольори. Акцентні кольори Secondary #f1f1fc та Warning #ffb700. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
Палітра Spectre.css colors palette містить комбінацію з 12 кодів кольорів :
HEX: #5755d9, RGB: (87, 85, 217); HEX: #f1f1fc, RGB: (241, 241, 252); HEX: #32b643, RGB: (50, 182, 67)
HEX: #ffb700, RGB: (255, 183, 0); HEX: #e85600, RGB: (232, 86, 0); HEX: #454d5d, RGB: (69, 77, 93)
HEX: #727e96, RGB: (114, 126, 150); HEX: #acb3c2, RGB: (172, 179, 194); HEX: #e7e9ed, RGB: (231, 233, 237)
HEX: #f0f1f4, RGB: (240, 241, 244); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок ghostwhite, Відтінок limegreen, Відтінок Помаранчевий, Відтінок orangered, Відтінок dimgrey, Відтінок slategrey, Відтінок lightsteelblue, Відтінок gainsboro, Відтінок whitesmoke, Відтінок whitesmoke, Білий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Spectre.css colors palette коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#5755d9 | RGB(87, 85, 217) | Primary | — | |
#f1f1fc | RGB(241, 241, 252) | Secondary | — | |
#32b643 | RGB(50, 182, 67) | Success | — | |
#ffb700 | RGB(255, 183, 0) | Warning | Sunflower Mango | |
#e85600 | RGB(232, 86, 0) | Error | — | |
#454d5d | RGB(69, 77, 93) | Dark | — | |
#727e96 | RGB(114, 126, 150) | Gray dark | — | |
#acb3c2 | RGB(172, 179, 194) | Gray | — | |
#e7e9ed | RGB(231, 233, 237) | Gray light | — | |
#f0f1f4 | RGB(240, 241, 244) | Border | — | |
#f8f9fa | RGB(248, 249, 250) | Background | — | |
#ffffff | RGB(255, 255, 255) | Light | White |
Контраст палітри кольорів
30 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#5755d9 | #e85600 | 1.55 |
#5755d9 | #454d5d | 1.49 |
#5755d9 | #727e96 | 1.38 |
#f1f1fc | #ffb700 | 1.55 |
#f1f1fc | #acb3c2 | 1.87 |
#f1f1fc | #e7e9ed | 1.08 |