Створено 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 палітр Порівняти
натисніть на значок «Порівняти» щоб додати палітру в Список Порівняння Палітр
Порівняти Палітри