Реєстрація Реєстрація
RAINBOWPOP11

RAINBOWPOP11

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

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

RAINBOWPOP11

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

Редагувати
Яскраві 11 кольорів Нейтральні Змішані Комплементарна green orange pink red
Вподобання 53
Кольори 11

CSS-змінні

:root {
  --c-vibrant-1: #9C062C;
  --c-vibrant-2: #E0690D;
  --c-vibrant-3: #FFFF61;
  --c-vibrant-4: #FDFFE0;
  --c-vibrant-5: #8BE615;
  --c-vibrant-6: #0BBD35;
  --c-vibrant-7: #0EEBD9;
  --c-vibrant-8: #0075CF;
  --c-vibrant-9: #3C1FAD;
  --c-vibrant-10: #310340;
  --c-vibrant-11: #D44696;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Ceramite White (#FDFFE0), найсвітлішого тону, до Dark Violet (#310340), найтемнішого. Вона об'єднує Petal of a Dying Rose, Tiger Moth Orange, Canary, Ceramite White, Poisonous Pistachio, Green Goblin, Bright Turquoise, Wizard Blue, Indigo Blue, Dark Violet та Kirby в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #FDFFE0 на #310340 (16,88:1).

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

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

Petal of a Dying Rose #9C062C
RGB
rgb(156, 6, 44)
HSL
hsl(345, 93%, 32%)
Яскравість
0,074
Tiger Moth Orange #E0690D
RGB
rgb(224, 105, 13)
HSL
hsl(26, 89%, 46%)
Яскравість
0,260
Canary #FFFF61
RGB
rgb(255, 255, 97)
HSL
hsl(60, 100%, 69%)
Яскравість
0,936
Ceramite White #FDFFE0
RGB
rgb(253, 255, 224)
HSL
hsl(64, 100%, 94%)
Яскравість
0,978
Poisonous Pistachio #8BE615
RGB
rgb(139, 230, 21)
HSL
hsl(86, 83%, 49%)
Яскравість
0,621
Green Goblin #0BBD35
RGB
rgb(11, 189, 53)
HSL
hsl(134, 89%, 39%)
Яскравість
0,367
Bright Turquoise #0EEBD9
RGB
rgb(14, 235, 217)
HSL
hsl(175, 89%, 49%)
Яскравість
0,645
Wizard Blue #0075CF
RGB
rgb(0, 117, 207)
HSL
hsl(206, 100%, 41%)
Яскравість
0,172
Indigo Blue #3C1FAD
RGB
rgb(60, 31, 173)
HSL
hsl(252, 70%, 40%)
Яскравість
0,050
Dark Violet #310340
RGB
rgb(49, 3, 64)
HSL
hsl(285, 91%, 13%)
Яскравість
0,011
Kirby #D44696
RGB
rgb(212, 70, 150)
HSL
hsl(326, 62%, 55%)
Яскравість
0,206

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

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

Aa #FDFFE0 на #310340 16,88:1 AAA
Aa #FFFF61 на #310340 16,20:1 AAA
Aa #0EEBD9 на #310340 11,42:1 AAA
Aa #8BE615 на #310340 11,03:1 AAA
Aa #FDFFE0 на #3C1FAD 10,32:1 AAA
Aa #FFFF61 на #3C1FAD 9,91:1 AAA
Aa #9C062C на #FDFFE0 8,30:1 AAA
Aa #9C062C на #FFFF61 7,97:1 AAA
Aa #0EEBD9 на #3C1FAD 6,98:1 AA
Aa #0BBD35 на #310340 6,85:1 AA
Aa #8BE615 на #3C1FAD 6,74:1 AA
Aa #9C062C на #0EEBD9 5,62:1 AA
Aa #9C062C на #8BE615 5,42:1 AA
Aa #E0690D на #310340 5,09:1 AA
Aa #FDFFE0 на #0075CF 4,62:1 AA
Aa #FFFF61 на #0075CF 4,44:1 AA, великий текст
Aa #310340 на #D44696 4,20:1 AA, великий текст
Aa #0BBD35 на #3C1FAD 4,19:1 AA, великий текст
Aa #FDFFE0 на #D44696 4,02:1 AA, великий текст
Aa #FFFF61 на #D44696 3,86:1 AA, великий текст
Aa #0075CF на #310340 3,65:1 AA, великий текст
Aa #9C062C на #0BBD35 3,37:1 AA, великий текст
Aa #E0690D на #FDFFE0 3,32:1 AA, великий текст
Aa #E0690D на #FFFF61 3,18:1 AA, великий текст
Aa #0EEBD9 на #0075CF 3,13:1 AA, великий текст
Aa #E0690D на #3C1FAD 3,11:1 AA, великий текст
Aa #8BE615 на #0075CF 3,02:1 AA, великий текст
Aa #0EEBD9 на #D44696 2,72:1 Не проходить
Aa #8BE615 на #D44696 2,62:1 Не проходить
Aa #3C1FAD на #D44696 2,57:1 Не проходить
Aa #9C062C на #E0690D 2,50:1 Не проходить
Aa #FDFFE0 на #0BBD35 2,46:1 Не проходить
Aa #FFFF61 на #0BBD35 2,36:1 Не проходить
Aa #E0690D на #0EEBD9 2,24:1 Не проходить
Aa #0075CF на #3C1FAD 2,23:1 Не проходить
Aa #E0690D на #8BE615 2,17:1 Не проходить
Aa #9C062C на #D44696 2,07:1 Не проходить
Aa #9C062C на #310340 2,03:1 Не проходить
Aa #0BBD35 на #0075CF 1,88:1 Не проходить
Aa #9C062C на #0075CF 1,80:1 Не проходить
Aa #0BBD35 на #0EEBD9 1,67:1 Не проходить
Aa #3C1FAD на #310340 1,64:1 Не проходить
Aa #0BBD35 на #D44696 1,63:1 Не проходить
Aa #8BE615 на #0BBD35 1,61:1 Не проходить
Aa #FDFFE0 на #8BE615 1,53:1 Не проходить
Aa #FDFFE0 на #0EEBD9 1,48:1 Не проходить
Aa #FFFF61 на #8BE615 1,47:1 Не проходить
Aa #FFFF61 на #0EEBD9 1,42:1 Не проходить
Aa #E0690D на #0075CF 1,39:1 Не проходить
Aa #E0690D на #0BBD35 1,35:1 Не проходить
Aa #9C062C на #3C1FAD 1,24:1 Не проходить
Aa #E0690D на #D44696 1,21:1 Не проходить
Aa #0075CF на #D44696 1,15:1 Не проходить
Aa #FFFF61 на #FDFFE0 1,04:1 Не проходить
Aa #8BE615 на #0EEBD9 1,04:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори