Создано 06/21/2018 08:21
авторcolorswall
  1.75k

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)WarningSunflower 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)LightWhite

Контраст палитры цветов

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

Изображение палитры Spectre.css colors palette png

Цвета палитры: Как пользоваться?

Нажмите любой цвет, чтобы добавить в Палитру
Быстрая палитра
Максимально 10 палитр Сравнить
нажмите значок «Сравнить» чтобы добавить палитру в Список Сравнение Палитр
Сравнить Палитры