Реєстрація Реєстрація
Flashy 9

Flashy 9

Палітра з 9 кольорів · Теплі · Змішані · Комплементарна гармонія

До бібліотеки

Flashy 9

Палітра з 9 кольорів · Теплі кольори · Змішані тони · Комплементарна гармонія

Редагувати
Яскраві 9 кольорів Теплі Змішані Комплементарна
Вподобання 15
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #0A030D;
  --c-vibrant-2: #FFFFF7;
  --c-vibrant-3: #2CE8F5;
  --c-vibrant-4: #FFCF00;
  --c-vibrant-5: #FF0059;
  --c-vibrant-6: #004D57;
  --c-vibrant-7: #230C45;
  --c-vibrant-8: #7D2160;
  --c-vibrant-9: #2AD726;
}

Про цю палітру

Ця яскрава палітра з 9 кольорів охоплює діапазон від Milk (#FFFFF7), найсвітлішого тону, до Broken Tube (#0A030D), найтемнішого. Вона об'єднує Broken Tube, Milk, Sparky Blue, Fluorescent Orange, New York Sunset, Deep Atlantic Blue, Shadow Planet, Smooch та First of the Month Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #0A030D на #FFFFF7 (20,26:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Broken Tube #0A030D
RGB
rgb(10, 3, 13)
HSL
hsl(282, 63%, 3%)
Яскравість
0,002
Milk #FFFFF7
RGB
rgb(255, 255, 247)
HSL
hsl(60, 100%, 98%)
Яскравість
0,995
Sparky Blue #2CE8F5
RGB
rgb(44, 232, 245)
HSL
hsl(184, 91%, 57%)
Яскравість
0,648
Fluorescent Orange #FFCF00
RGB
rgb(255, 207, 0)
HSL
hsl(49, 100%, 50%)
Яскравість
0,659
New York Sunset #FF0059
RGB
rgb(255, 0, 89)
HSL
hsl(339, 100%, 50%)
Яскравість
0,220
Deep Atlantic Blue #004D57
RGB
rgb(0, 77, 87)
HSL
hsl(187, 100%, 17%)
Яскравість
0,060
Shadow Planet #230C45
RGB
rgb(35, 12, 69)
HSL
hsl(264, 70%, 16%)
Яскравість
0,011
Smooch #7D2160
RGB
rgb(125, 33, 96)
HSL
hsl(319, 58%, 31%)
Яскравість
0,063
First of the Month Green #2AD726
RGB
rgb(42, 215, 38)
HSL
hsl(119, 70%, 50%)
Яскравість
0,492

Контраст і доступність

Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них.

Aa #0A030D на #FFFFF7 20,26:1 AAA
Aa #FFFFF7 на #230C45 17,27:1 AAA
Aa #0A030D на #FFCF00 13,74:1 AAA
Aa #0A030D на #2CE8F5 13,54:1 AAA
Aa #FFCF00 на #230C45 11,72:1 AAA
Aa #2CE8F5 на #230C45 11,54:1 AAA
Aa #0A030D на #2AD726 10,51:1 AAA
Aa #FFFFF7 на #004D57 9,50:1 AAA
Aa #FFFFF7 на #7D2160 9,25:1 AAA
Aa #230C45 на #2AD726 8,96:1 AAA
Aa #FFCF00 на #004D57 6,45:1 AA
Aa #2CE8F5 на #004D57 6,35:1 AA
Aa #FFCF00 на #7D2160 6,28:1 AA
Aa #2CE8F5 на #7D2160 6,18:1 AA
Aa #0A030D на #FF0059 5,23:1 AA
Aa #004D57 на #2AD726 4,93:1 AA
Aa #7D2160 на #2AD726 4,80:1 AA
Aa #FF0059 на #230C45 4,46:1 AA, великий текст
Aa #FFFFF7 на #FF0059 3,87:1 AA, великий текст
Aa #FFCF00 на #FF0059 2,63:1 Не проходить
Aa #2CE8F5 на #FF0059 2,59:1 Не проходить
Aa #FF0059 на #004D57 2,45:1 Не проходить
Aa #FF0059 на #7D2160 2,39:1 Не проходить
Aa #0A030D на #7D2160 2,19:1 Не проходить
Aa #0A030D на #004D57 2,13:1 Не проходить
Aa #FF0059 на #2AD726 2,01:1 Не проходить
Aa #FFFFF7 на #2AD726 1,93:1 Не проходить
Aa #230C45 на #7D2160 1,87:1 Не проходить
Aa #004D57 на #230C45 1,82:1 Не проходить
Aa #FFFFF7 на #2CE8F5 1,50:1 Не проходить
Aa #FFFFF7 на #FFCF00 1,47:1 Не проходить
Aa #FFCF00 на #2AD726 1,31:1 Не проходить
Aa #2CE8F5 на #2AD726 1,29:1 Не проходить
Aa #0A030D на #230C45 1,17:1 Не проходить
Aa #004D57 на #7D2160 1,03:1 Не проходить
Aa #2CE8F5 на #FFCF00 1,01:1 Не проходить

Схожі палітри

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори