Реєстрація Реєстрація
GG EyeStrain

GG EyeStrain

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

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

GG EyeStrain

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

Редагувати
Яскраві 8 кольорів Теплі Світлі Комплементарна 8 saturated bright small
Вподобання 27
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #4F2D6F;
  --c-vibrant-2: #354DFF;
  --c-vibrant-3: #FF2D3F;
  --c-vibrant-4: #FFF34D;
  --c-vibrant-5: #76FF44;
  --c-vibrant-6: #FF3BFB;
  --c-vibrant-7: #AFFFF9;
  --c-vibrant-8: #FFF9FF;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Cold Snow (#FFF9FF), найсвітлішого тону, до Purple Seduction (#4F2D6F), найтемнішого. Вона об'єднує Purple Seduction, Blueshift, Strawberry, Yellow Cattleya, Lush Greenery, Dried Magenta, Frostbite та Cold Snow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #4F2D6F на #FFF9FF (10,45:1).

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

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

Purple Seduction #4F2D6F
RGB
rgb(79, 45, 111)
HSL
hsl(271, 42%, 31%)
Яскравість
0,047
Blueshift #354DFF
RGB
rgb(53, 77, 255)
HSL
hsl(233, 100%, 60%)
Яскравість
0,133
Strawberry #FF2D3F
RGB
rgb(255, 45, 63)
HSL
hsl(355, 100%, 59%)
Яскравість
0,235
Yellow Cattleya #FFF34D
RGB
rgb(255, 243, 77)
HSL
hsl(56, 100%, 65%)
Яскравість
0,859
Lush Greenery #76FF44
RGB
rgb(118, 255, 68)
HSL
hsl(104, 100%, 63%)
Яскравість
0,758
Dried Magenta #FF3BFB
RGB
rgb(255, 59, 251)
HSL
hsl(301, 100%, 62%)
Яскравість
0,314
Frostbite #AFFFF9
RGB
rgb(175, 255, 249)
HSL
hsl(176, 100%, 84%)
Яскравість
0,875
Cold Snow #FFF9FF
RGB
rgb(255, 249, 255)
HSL
hsl(300, 100%, 99%)
Яскравість
0,962

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

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

Aa #4F2D6F на #FFF9FF 10,45:1 AAA
Aa #4F2D6F на #AFFFF9 9,55:1 AAA
Aa #4F2D6F на #FFF34D 9,38:1 AAA
Aa #4F2D6F на #76FF44 8,34:1 AAA
Aa #354DFF на #FFF9FF 5,54:1 AA
Aa #354DFF на #AFFFF9 5,06:1 AA
Aa #354DFF на #FFF34D 4,97:1 AA
Aa #354DFF на #76FF44 4,42:1 AA, великий текст
Aa #4F2D6F на #FF3BFB 3,75:1 AA, великий текст
Aa #FF2D3F на #FFF9FF 3,55:1 AA, великий текст
Aa #FF2D3F на #AFFFF9 3,25:1 AA, великий текст
Aa #FF2D3F на #FFF34D 3,19:1 AA, великий текст
Aa #4F2D6F на #FF2D3F 2,94:1 Не проходить
Aa #FF2D3F на #76FF44 2,84:1 Не проходить
Aa #FF3BFB на #FFF9FF 2,78:1 Не проходить
Aa #FF3BFB на #AFFFF9 2,54:1 Не проходить
Aa #FFF34D на #FF3BFB 2,50:1 Не проходить
Aa #76FF44 на #FF3BFB 2,22:1 Не проходить
Aa #354DFF на #FF3BFB 1,99:1 Не проходить
Aa #4F2D6F на #354DFF 1,89:1 Не проходить
Aa #354DFF на #FF2D3F 1,56:1 Не проходить
Aa #FF2D3F на #FF3BFB 1,28:1 Не проходить
Aa #76FF44 на #FFF9FF 1,25:1 Не проходить
Aa #76FF44 на #AFFFF9 1,14:1 Не проходить
Aa #FFF34D на #76FF44 1,13:1 Не проходить
Aa #FFF34D на #FFF9FF 1,11:1 Не проходить
Aa #AFFFF9 на #FFF9FF 1,09:1 Не проходить
Aa #FFF34D на #AFFFF9 1,02:1 Не проходить

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

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 кольори
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 кольори
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 кольори
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 кольори
#F38181 #FCE38A #EAFFD0 #95E1D3
4 кольори
#B7C4CF #EEE3CB #D7C0AE #967E76
4 кольори
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 кольори
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 кольори