Реєстрація Реєстрація
Retrocal 8

Retrocal 8

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

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

Retrocal 8

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

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

CSS-змінні

:root {
  --c-earthy-1: #6EB8A8;
  --c-earthy-2: #2A584F;
  --c-earthy-3: #74A33F;
  --c-earthy-4: #FCFFC0;
  --c-earthy-5: #C6505A;
  --c-earthy-6: #2F142F;
  --c-earthy-7: #774448;
  --c-earthy-8: #EE9C5D;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Sour Veil (#FCFFC0), найсвітлішого тону, до Cultist Robe (#2F142F), найтемнішого. Вона об'єднує Glacial Green, Holly Leaf, Festival Green, Sour Veil, Super Hero, Cultist Robe, Musk Memory та Ridgeback в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #FCFFC0 на #2F142F (16,01:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Glacial Green #6EB8A8
RGB
rgb(110, 184, 168)
HSL
hsl(167, 34%, 58%)
Яскравість
0,404
Holly Leaf #2A584F
RGB
rgb(42, 88, 79)
HSL
hsl(168, 35%, 25%)
Яскравість
0,080
Festival Green #74A33F
RGB
rgb(116, 163, 63)
HSL
hsl(88, 44%, 44%)
Яскравість
0,303
Sour Veil #FCFFC0
RGB
rgb(252, 255, 192)
HSL
hsl(63, 100%, 88%)
Яскравість
0,960
Super Hero #C6505A
RGB
rgb(198, 80, 90)
HSL
hsl(355, 51%, 55%)
Яскравість
0,185
Cultist Robe #2F142F
RGB
rgb(47, 20, 47)
HSL
hsl(300, 40%, 13%)
Яскравість
0,013
Musk Memory #774448
RGB
rgb(119, 68, 72)
HSL
hsl(355, 27%, 37%)
Яскравість
0,085
Ridgeback #EE9C5D
RGB
rgb(238, 156, 93)
HSL
hsl(26, 81%, 65%)
Яскравість
0,427

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

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

Aa #FCFFC0 на #2F142F 16,01:1 AAA
Aa #2A584F на #FCFFC0 7,75:1 AAA
Aa #2F142F на #EE9C5D 7,57:1 AAA
Aa #FCFFC0 на #774448 7,47:1 AAA
Aa #6EB8A8 на #2F142F 7,20:1 AAA
Aa #74A33F на #2F142F 5,59:1 AA
Aa #FCFFC0 на #C6505A 4,30:1 AA, великий текст
Aa #C6505A на #2F142F 3,72:1 AA, великий текст
Aa #2A584F на #EE9C5D 3,66:1 AA, великий текст
Aa #774448 на #EE9C5D 3,53:1 AA, великий текст
Aa #6EB8A8 на #2A584F 3,48:1 AA, великий текст
Aa #6EB8A8 на #774448 3,36:1 AA, великий текст
Aa #74A33F на #FCFFC0 2,86:1 Не проходить
Aa #2A584F на #74A33F 2,71:1 Не проходить
Aa #74A33F на #774448 2,61:1 Не проходить
Aa #6EB8A8 на #FCFFC0 2,22:1 Не проходить
Aa #2F142F на #774448 2,14:1 Не проходить
Aa #FCFFC0 на #EE9C5D 2,12:1 Не проходить
Aa #2A584F на #2F142F 2,07:1 Не проходить
Aa #C6505A на #EE9C5D 2,03:1 Не проходить
Aa #6EB8A8 на #C6505A 1,93:1 Не проходить
Aa #2A584F на #C6505A 1,80:1 Не проходить
Aa #C6505A на #774448 1,74:1 Не проходить
Aa #74A33F на #C6505A 1,50:1 Не проходить
Aa #74A33F на #EE9C5D 1,35:1 Не проходить
Aa #6EB8A8 на #74A33F 1,29:1 Не проходить
Aa #6EB8A8 на #EE9C5D 1,05:1 Не проходить
Aa #2A584F на #774448 1,04: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 кольори