Реєстрація Реєстрація
Fruitpunch 8 🍇🍓🍍🍏

Fruitpunch 8 🍇🍓🍍🍏

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

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

Fruitpunch 8 🍇🍓🍍🍏

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Комплементарна polyphrog rainbow fruit
Вподобання 88
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #120E23;
  --c-vibrant-2: #472859;
  --c-vibrant-3: #225875;
  --c-vibrant-4: #C53062;
  --c-vibrant-5: #249E4F;
  --c-vibrant-6: #F28941;
  --c-vibrant-7: #B4DC3A;
  --c-vibrant-8: #FFF1A9;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Transparent Yellow (#FFF1A9), найсвітлішого тону, до Corbeau (#120E23), найтемнішого. Вона об'єднує Corbeau, Acai, Sea Hunter, Maroon Light, Militant Vegan, Hot Orange, Acid Lime та Transparent Yellow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #120E23 на #FFF1A9 (16,54:1).

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

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

Corbeau #120E23
RGB
rgb(18, 14, 35)
HSL
hsl(251, 43%, 10%)
Яскравість
0,006
Acai #472859
RGB
rgb(71, 40, 89)
HSL
hsl(278, 38%, 25%)
Яскравість
0,036
Sea Hunter #225875
RGB
rgb(34, 88, 117)
HSL
hsl(201, 55%, 30%)
Яскравість
0,086
Maroon Light #C53062
RGB
rgb(197, 48, 98)
HSL
hsl(340, 61%, 48%)
Яскравість
0,149
Militant Vegan #249E4F
RGB
rgb(36, 158, 79)
HSL
hsl(141, 63%, 38%)
Яскравість
0,254
Hot Orange #F28941
RGB
rgb(242, 137, 65)
HSL
hsl(24, 87%, 60%)
Яскравість
0,372
Acid Lime #B4DC3A
RGB
rgb(180, 220, 58)
HSL
hsl(75, 70%, 55%)
Яскравість
0,612
Transparent Yellow #FFF1A9
RGB
rgb(255, 241, 169)
HSL
hsl(50, 100%, 83%)
Яскравість
0,870

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

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

Aa #120E23 на #FFF1A9 16,54:1 AAA
Aa #120E23 на #B4DC3A 11,90:1 AAA
Aa #472859 на #FFF1A9 10,73:1 AAA
Aa #472859 на #B4DC3A 7,72:1 AAA
Aa #120E23 на #F28941 7,58:1 AAA
Aa #225875 на #FFF1A9 6,77:1 AA
Aa #120E23 на #249E4F 5,46:1 AA
Aa #472859 на #F28941 4,91:1 AA
Aa #225875 на #B4DC3A 4,87:1 AA
Aa #C53062 на #FFF1A9 4,63:1 AA
Aa #120E23 на #C53062 3,57:1 AA, великий текст
Aa #472859 на #249E4F 3,54:1 AA, великий текст
Aa #C53062 на #B4DC3A 3,33:1 AA, великий текст
Aa #225875 на #F28941 3,10:1 AA, великий текст
Aa #249E4F на #FFF1A9 3,03:1 AA, великий текст
Aa #120E23 на #225875 2,44:1 Не проходить
Aa #472859 на #C53062 2,32:1 Не проходить
Aa #225875 на #249E4F 2,23:1 Не проходить
Aa #249E4F на #B4DC3A 2,18:1 Не проходить
Aa #F28941 на #FFF1A9 2,18:1 Не проходить
Aa #C53062 на #F28941 2,12:1 Не проходить
Aa #472859 на #225875 1,59:1 Не проходить
Aa #F28941 на #B4DC3A 1,57:1 Не проходить
Aa #120E23 на #472859 1,54:1 Не проходить
Aa #C53062 на #249E4F 1,53:1 Не проходить
Aa #225875 на #C53062 1,46:1 Не проходить
Aa #249E4F на #F28941 1,39:1 Не проходить
Aa #B4DC3A на #FFF1A9 1,39: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 кольори