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

Prospecal 8

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

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

Prospecal 8

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

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

CSS-змінні

:root {
  --c-earthy-1: #6DB5BA;
  --c-earthy-2: #26544C;
  --c-earthy-3: #76AA3A;
  --c-earthy-4: #FBFDBE;
  --c-earthy-5: #D23C4F;
  --c-earthy-6: #2B1328;
  --c-earthy-7: #753D38;
  --c-earthy-8: #EFAD5F;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Yellow Mana (#FBFDBE), найсвітлішого тону, до Dark Prom Queen (#2B1328), найтемнішого. Вона об'єднує Surfer, Hornblende Green, Mamba Green, Yellow Mana, Pezzottaite, Dark Prom Queen, Florence Red та Goldfish в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #FBFDBE на #2B1328 (16,22:1).

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

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

Surfer #6DB5BA
RGB
rgb(109, 181, 186)
HSL
hsl(184, 36%, 58%)
Яскравість
0,398
Hornblende Green #26544C
RGB
rgb(38, 84, 76)
HSL
hsl(170, 38%, 24%)
Яскравість
0,073
Mamba Green #76AA3A
RGB
rgb(118, 170, 58)
HSL
hsl(88, 49%, 45%)
Яскравість
0,329
Yellow Mana #FBFDBE
RGB
rgb(251, 253, 190)
HSL
hsl(62, 94%, 87%)
Яскравість
0,945
Pezzottaite #D23C4F
RGB
rgb(210, 60, 79)
HSL
hsl(352, 63%, 53%)
Яскравість
0,175
Dark Prom Queen #2B1328
RGB
rgb(43, 19, 40)
HSL
hsl(308, 39%, 12%)
Яскравість
0,011
Florence Red #753D38
RGB
rgb(117, 61, 56)
HSL
hsl(5, 35%, 34%)
Яскравість
0,074
Goldfish #EFAD5F
RGB
rgb(239, 173, 95)
HSL
hsl(33, 82%, 65%)
Яскравість
0,491

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

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

Aa #FBFDBE на #2B1328 16,22:1 AAA
Aa #2B1328 на #EFAD5F 8,82:1 AAA
Aa #26544C на #FBFDBE 8,10:1 AAA
Aa #FBFDBE на #753D38 8,02:1 AAA
Aa #6DB5BA на #2B1328 7,31:1 AAA
Aa #76AA3A на #2B1328 6,18:1 AA
Aa #FBFDBE на #D23C4F 4,42:1 AA, великий текст
Aa #26544C на #EFAD5F 4,40:1 AA, великий текст
Aa #753D38 на #EFAD5F 4,36:1 AA, великий текст
Aa #D23C4F на #2B1328 3,67:1 AA, великий текст
Aa #6DB5BA на #26544C 3,65:1 AA, великий текст
Aa #6DB5BA на #753D38 3,62:1 AA, великий текст
Aa #26544C на #76AA3A 3,09:1 AA, великий текст
Aa #76AA3A на #753D38 3,06:1 AA, великий текст
Aa #76AA3A на #FBFDBE 2,62:1 Не проходить
Aa #D23C4F на #EFAD5F 2,40:1 Не проходить
Aa #6DB5BA на #FBFDBE 2,22:1 Не проходить
Aa #2B1328 на #753D38 2,02:1 Не проходить
Aa #26544C на #2B1328 2,00:1 Не проходить
Aa #6DB5BA на #D23C4F 1,99:1 Не проходить
Aa #FBFDBE на #EFAD5F 1,84:1 Не проходить
Aa #26544C на #D23C4F 1,83:1 Не проходить
Aa #D23C4F на #753D38 1,81:1 Не проходить
Aa #76AA3A на #D23C4F 1,68:1 Не проходить
Aa #76AA3A на #EFAD5F 1,43:1 Не проходить
Aa #6DB5BA на #EFAD5F 1,21:1 Не проходить
Aa #6DB5BA на #76AA3A 1,18:1 Не проходить
Aa #26544C на #753D38 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 кольори