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

Tritaruzi

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

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

Tritaruzi

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Комплементарна green red tritanopia ruzikb
Вподобання 15
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #27000A;
  --c-vibrant-2: #7D057A;
  --c-vibrant-3: #E60D28;
  --c-vibrant-4: #F09CC7;
  --c-vibrant-5: #F2E1E6;
  --c-vibrant-6: #C7F37B;
  --c-vibrant-7: #3CCF0C;
  --c-vibrant-8: #017756;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Pink Proposal (#F2E1E6), найсвітлішого тону, до Belladonna (#27000A), найтемнішого. Вона об'єднує Belladonna, Philippine Violet, Xiān Hóng Red, Be My Valentine, Pink Proposal, Cucumber Milk, Candy Green та Victoria Peak в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #27000A на #F2E1E6 (15,3:1).

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

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

Belladonna #27000A
RGB
rgb(39, 0, 10)
HSL
hsl(345, 100%, 8%)
Яскравість
0,005
Philippine Violet #7D057A
RGB
rgb(125, 5, 122)
HSL
hsl(302, 92%, 25%)
Яскравість
0,059
Xiān Hóng Red #E60D28
RGB
rgb(230, 13, 40)
HSL
hsl(353, 89%, 48%)
Яскравість
0,173
Be My Valentine #F09CC7
RGB
rgb(240, 156, 199)
HSL
hsl(329, 74%, 78%)
Яскравість
0,464
Pink Proposal #F2E1E6
RGB
rgb(242, 225, 230)
HSL
hsl(342, 40%, 92%)
Яскравість
0,784
Cucumber Milk #C7F37B
RGB
rgb(199, 243, 123)
HSL
hsl(82, 83%, 72%)
Яскравість
0,777
Candy Green #3CCF0C
RGB
rgb(60, 207, 12)
HSL
hsl(105, 89%, 43%)
Яскравість
0,456
Victoria Peak #017756
RGB
rgb(1, 119, 86)
HSL
hsl(163, 98%, 24%)
Яскравість
0,139

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

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

Aa #27000A на #F2E1E6 15,30:1 AAA
Aa #27000A на #C7F37B 15,16:1 AAA
Aa #27000A на #F09CC7 9,43:1 AAA
Aa #27000A на #3CCF0C 9,28:1 AAA
Aa #7D057A на #F2E1E6 7,67:1 AAA
Aa #7D057A на #C7F37B 7,60:1 AAA
Aa #7D057A на #F09CC7 4,73:1 AA
Aa #7D057A на #3CCF0C 4,65:1 AA
Aa #F2E1E6 на #017756 4,42:1 AA, великий текст
Aa #C7F37B на #017756 4,38:1 AA, великий текст
Aa #27000A на #E60D28 4,08:1 AA, великий текст
Aa #E60D28 на #F2E1E6 3,75:1 AA, великий текст
Aa #E60D28 на #C7F37B 3,71:1 AA, великий текст
Aa #27000A на #017756 3,46:1 AA, великий текст
Aa #F09CC7 на #017756 2,72:1 Не проходить
Aa #3CCF0C на #017756 2,68:1 Не проходить
Aa #E60D28 на #F09CC7 2,31:1 Не проходить
Aa #E60D28 на #3CCF0C 2,27:1 Не проходить
Aa #7D057A на #E60D28 2,05:1 Не проходить
Aa #27000A на #7D057A 1,99:1 Не проходить
Aa #7D057A на #017756 1,74:1 Не проходить
Aa #F2E1E6 на #3CCF0C 1,65:1 Не проходить
Aa #C7F37B на #3CCF0C 1,63:1 Не проходить
Aa #F09CC7 на #F2E1E6 1,62:1 Не проходить
Aa #F09CC7 на #C7F37B 1,61:1 Не проходить
Aa #E60D28 на #017756 1,18:1 Не проходить
Aa #F09CC7 на #3CCF0C 1,02:1 Не проходить
Aa #F2E1E6 на #C7F37B 1,01: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 кольори