Реєстрація Реєстрація
Vap0r 2nite

Vap0r 2nite

Палітра з 10 кольорів · Холодні · Світлі · Тріадна гармонія

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

Vap0r 2nite

Палітра з 10 кольорів · Холодні кольори · Світлі тони · Тріадна гармонія

Редагувати
Яскраві 10 кольорів Холодні Світлі Тріадна pink purple cute bright
Вподобання 40
Кольори 10

CSS-змінні

:root {
  --c-vibrant-1: #F9CAEF;
  --c-vibrant-2: #F6B4FF;
  --c-vibrant-3: #FD84F9;
  --c-vibrant-4: #3C2CC9;
  --c-vibrant-5: #0A4BFF;
  --c-vibrant-6: #6061EF;
  --c-vibrant-7: #A29BFF;
  --c-vibrant-8: #72F8E3;
  --c-vibrant-9: #A3F9FF;
  --c-vibrant-10: #EEFFA3;
}

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

Ця яскрава палітра з 10 кольорів охоплює діапазон від Hitchcock Milk (#EEFFA3), найсвітлішого тону, до Blue Depression (#3C2CC9), найтемнішого. Вона об'єднує Rosy Maple Moth, Strawberry Buttercream, Technolust, Blue Depression, Magic Ink, Blue Hepatica, Cobalite, Spindrift, Eternal Winter та Hitchcock Milk в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #3C2CC9 на #EEFFA3 (8,13:1).

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

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

Rosy Maple Moth #F9CAEF
RGB
rgb(249, 202, 239)
HSL
hsl(313, 80%, 88%)
Яскравість
0,686
Strawberry Buttercream #F6B4FF
RGB
rgb(246, 180, 255)
HSL
hsl(293, 100%, 85%)
Яскравість
0,595
Technolust #FD84F9
RGB
rgb(253, 132, 249)
HSL
hsl(302, 97%, 75%)
Яскравість
0,442
Blue Depression #3C2CC9
RGB
rgb(60, 44, 201)
HSL
hsl(246, 64%, 48%)
Яскравість
0,070
Magic Ink #0A4BFF
RGB
rgb(10, 75, 255)
HSL
hsl(224, 100%, 52%)
Яскравість
0,123
Blue Hepatica #6061EF
RGB
rgb(96, 97, 239)
HSL
hsl(240, 82%, 66%)
Яскравість
0,173
Cobalite #A29BFF
RGB
rgb(162, 155, 255)
HSL
hsl(244, 100%, 80%)
Яскравість
0,383
Spindrift #72F8E3
RGB
rgb(114, 248, 227)
HSL
hsl(171, 91%, 71%)
Яскравість
0,763
Eternal Winter #A3F9FF
RGB
rgb(163, 249, 255)
HSL
hsl(184, 100%, 82%)
Яскравість
0,828
Hitchcock Milk #EEFFA3
RGB
rgb(238, 255, 163)
HSL
hsl(71, 100%, 82%)
Яскравість
0,923

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

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

Aa #3C2CC9 на #EEFFA3 8,13:1 AAA
Aa #3C2CC9 на #A3F9FF 7,33:1 AAA
Aa #3C2CC9 на #72F8E3 6,78:1 AA
Aa #F9CAEF на #3C2CC9 6,15:1 AA
Aa #0A4BFF на #EEFFA3 5,62:1 AA
Aa #F6B4FF на #3C2CC9 5,38:1 AA
Aa #0A4BFF на #A3F9FF 5,07:1 AA
Aa #0A4BFF на #72F8E3 4,69:1 AA
Aa #6061EF на #EEFFA3 4,37:1 AA, великий текст
Aa #F9CAEF на #0A4BFF 4,25:1 AA, великий текст
Aa #FD84F9 на #3C2CC9 4,11:1 AA, великий текст
Aa #6061EF на #A3F9FF 3,94:1 AA, великий текст
Aa #F6B4FF на #0A4BFF 3,72:1 AA, великий текст
Aa #6061EF на #72F8E3 3,65:1 AA, великий текст
Aa #3C2CC9 на #A29BFF 3,62:1 AA, великий текст
Aa #F9CAEF на #6061EF 3,31:1 AA, великий текст
Aa #F6B4FF на #6061EF 2,89:1 Не проходить
Aa #FD84F9 на #0A4BFF 2,84:1 Не проходить
Aa #0A4BFF на #A29BFF 2,50:1 Не проходить
Aa #A29BFF на #EEFFA3 2,25:1 Не проходить
Aa #FD84F9 на #6061EF 2,21:1 Не проходить
Aa #A29BFF на #A3F9FF 2,02:1 Не проходить
Aa #FD84F9 на #EEFFA3 1,98:1 Не проходить
Aa #6061EF на #A29BFF 1,95:1 Не проходить
Aa #A29BFF на #72F8E3 1,87:1 Не проходить
Aa #3C2CC9 на #6061EF 1,86:1 Не проходить
Aa #FD84F9 на #A3F9FF 1,78:1 Не проходить
Aa #F9CAEF на #A29BFF 1,70:1 Не проходить
Aa #FD84F9 на #72F8E3 1,65:1 Не проходить
Aa #F6B4FF на #EEFFA3 1,51:1 Не проходить
Aa #F9CAEF на #FD84F9 1,50:1 Не проходить
Aa #F6B4FF на #A29BFF 1,49:1 Не проходить
Aa #3C2CC9 на #0A4BFF 1,45:1 Не проходить
Aa #F6B4FF на #A3F9FF 1,36:1 Не проходить
Aa #F9CAEF на #EEFFA3 1,32:1 Не проходить
Aa #F6B4FF на #FD84F9 1,31:1 Не проходить
Aa #0A4BFF на #6061EF 1,29:1 Не проходить
Aa #F6B4FF на #72F8E3 1,26:1 Не проходить
Aa #72F8E3 на #EEFFA3 1,20:1 Не проходить
Aa #F9CAEF на #A3F9FF 1,19:1 Не проходить
Aa #F9CAEF на #F6B4FF 1,14:1 Не проходить
Aa #FD84F9 на #A29BFF 1,14:1 Не проходить
Aa #A3F9FF на #EEFFA3 1,11:1 Не проходить
Aa #F9CAEF на #72F8E3 1,10:1 Не проходить
Aa #72F8E3 на #A3F9FF 1,08:1 Не проходить

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

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 кольори
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 кольори
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 кольори
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 кольори
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 кольори
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 кольори
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 кольори
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 кольори