Создано 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 |