Реєстрація Реєстрація
Cursor Party

Cursor Party

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

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

Cursor Party

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

Редагувати
Яскраві 10 кольорів Холодні Змішані Комплементарна pixelart neon nostalgia computers
Вподобання 18
Кольори 10

CSS-змінні

:root {
  --c-vibrant-1: #2549D1;
  --c-vibrant-2: #1B3396;
  --c-vibrant-3: #000000;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #C7FB58;
  --c-vibrant-6: #1FDE91;
  --c-vibrant-7: #1457F4;
  --c-vibrant-8: #9114DA;
  --c-vibrant-9: #E84651;
  --c-vibrant-10: #F29047;
}

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

Ця яскрава палітра з 10 кольорів охоплює діапазон від Emptiness (#FCFCFC), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Blue Blue, North Star Blue, Black, Emptiness, Green of Bhabua, Reptile Green, Light Shōjin Blue, Violet, Watermelonade та Melon Orange в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #000000 на #FCFCFC (20,47:1).

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

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

Blue Blue #2549D1
RGB
rgb(37, 73, 209)
HSL
hsl(227, 70%, 48%)
Яскравість
0,098
North Star Blue #1B3396
RGB
rgb(27, 51, 150)
HSL
hsl(228, 69%, 35%)
Яскравість
0,048
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Яскравість
0,973
Green of Bhabua #C7FB58
RGB
rgb(199, 251, 88)
HSL
hsl(79, 95%, 66%)
Яскравість
0,818
Reptile Green #1FDE91
RGB
rgb(31, 222, 145)
HSL
hsl(156, 75%, 50%)
Яскравість
0,546
Light Shōjin Blue #1457F4
RGB
rgb(20, 87, 244)
HSL
hsl(222, 91%, 52%)
Яскравість
0,135
Violet #9114DA
RGB
rgb(145, 20, 218)
HSL
hsl(278, 83%, 47%)
Яскравість
0,116
Watermelonade #E84651
RGB
rgb(232, 70, 81)
HSL
hsl(356, 78%, 59%)
Яскравість
0,221
Melon Orange #F29047
RGB
rgb(242, 144, 71)
HSL
hsl(26, 87%, 61%)
Яскравість
0,393

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

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

Aa #000000 на #FCFCFC 20,47:1 AAA
Aa #000000 на #C7FB58 17,37:1 AAA
Aa #000000 на #1FDE91 11,92:1 AAA
Aa #1B3396 на #FCFCFC 10,44:1 AAA
Aa #1B3396 на #C7FB58 8,86:1 AAA
Aa #000000 на #F29047 8,86:1 AAA
Aa #2549D1 на #FCFCFC 6,93:1 AA
Aa #FCFCFC на #9114DA 6,17:1 AA
Aa #1B3396 на #1FDE91 6,08:1 AA
Aa #2549D1 на #C7FB58 5,88:1 AA
Aa #FCFCFC на #1457F4 5,53:1 AA
Aa #000000 на #E84651 5,43:1 AA
Aa #C7FB58 на #9114DA 5,24:1 AA
Aa #C7FB58 на #1457F4 4,69:1 AA
Aa #1B3396 на #F29047 4,52:1 AA
Aa #2549D1 на #1FDE91 4,04:1 AA, великий текст
Aa #FCFCFC на #E84651 3,77:1 AA, великий текст
Aa #000000 на #1457F4 3,70:1 AA, великий текст
Aa #1FDE91 на #9114DA 3,59:1 AA, великий текст
Aa #000000 на #9114DA 3,32:1 AA, великий текст
Aa #1FDE91 на #1457F4 3,22:1 AA, великий текст
Aa #C7FB58 на #E84651 3,20:1 AA, великий текст
Aa #2549D1 на #F29047 3,00:1 AA, великий текст
Aa #2549D1 на #000000 2,95:1 Не проходить
Aa #1B3396 на #E84651 2,77:1 Не проходить
Aa #9114DA на #F29047 2,67:1 Не проходить
Aa #1457F4 на #F29047 2,39:1 Не проходить
Aa #FCFCFC на #F29047 2,31:1 Не проходить
Aa #1FDE91 на #E84651 2,20:1 Не проходить
Aa #1B3396 на #000000 1,96:1 Не проходить
Aa #C7FB58 на #F29047 1,96:1 Не проходить
Aa #1B3396 на #1457F4 1,89:1 Не проходить
Aa #2549D1 на #E84651 1,84:1 Не проходить
Aa #FCFCFC на #1FDE91 1,72:1 Не проходить
Aa #1B3396 на #9114DA 1,69:1 Не проходить
Aa #9114DA на #E84651 1,64:1 Не проходить
Aa #E84651 на #F29047 1,63:1 Не проходить
Aa #2549D1 на #1B3396 1,51:1 Не проходить
Aa #1457F4 на #E84651 1,47:1 Не проходить
Aa #C7FB58 на #1FDE91 1,46:1 Не проходить
Aa #1FDE91 на #F29047 1,35:1 Не проходить
Aa #2549D1 на #1457F4 1,25:1 Не проходить
Aa #FCFCFC на #C7FB58 1,18:1 Не проходить
Aa #2549D1 на #9114DA 1,12:1 Не проходить
Aa #1457F4 на #9114DA 1,12:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори