Реєстрація Реєстрація
Crazy 08

Crazy 08

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

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

Crazy 08

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

Редагувати
Землисті 8 кольорів Нейтральні Змішані Комплементарна 8 saturated 3bit marchmadnesspalettecontest
Вподобання 80
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #DEDFD5;
  --c-earthy-2: #8AB176;
  --c-earthy-3: #D59D50;
  --c-earthy-4: #B54646;
  --c-earthy-5: #21202A;
  --c-earthy-6: #754E89;
  --c-earthy-7: #2A62AF;
  --c-earthy-8: #4AB9B9;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Salt Cellar (#DEDFD5), найсвітлішого тону, до To Hell and Black (#21202A), найтемнішого. Вона об'єднує Salt Cellar, Hakusai Green, Saffron Robe, Empower, To Hell and Black, Cleopatra’s Gown, Rainbow Bright та Arctic Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #DEDFD5 на #21202A (11,97:1).

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

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

Salt Cellar #DEDFD5
RGB
rgb(222, 223, 213)
HSL
hsl(66, 14%, 85%)
Яскравість
0,731
Hakusai Green #8AB176
RGB
rgb(138, 177, 118)
HSL
hsl(100, 27%, 58%)
Яскравість
0,382
Saffron Robe #D59D50
RGB
rgb(213, 157, 80)
HSL
hsl(35, 61%, 57%)
Яскравість
0,388
Empower #B54646
RGB
rgb(181, 70, 70)
HSL
hsl(0, 44%, 49%)
Яскравість
0,147
To Hell and Black #21202A
RGB
rgb(33, 32, 42)
HSL
hsl(246, 14%, 15%)
Яскравість
0,015
Cleopatra’s Gown #754E89
RGB
rgb(117, 78, 137)
HSL
hsl(280, 27%, 42%)
Яскравість
0,110
Rainbow Bright #2A62AF
RGB
rgb(42, 98, 175)
HSL
hsl(215, 61%, 43%)
Яскравість
0,123
Arctic Green #4AB9B9
RGB
rgb(74, 185, 185)
HSL
hsl(180, 44%, 51%)
Яскравість
0,397

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

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

Aa #DEDFD5 на #21202A 11,97:1 AAA
Aa #21202A на #4AB9B9 6,85:1 AA
Aa #D59D50 на #21202A 6,72:1 AA
Aa #8AB176 на #21202A 6,62:1 AA
Aa #DEDFD5 на #754E89 4,87:1 AA
Aa #DEDFD5 на #2A62AF 4,51:1 AA
Aa #DEDFD5 на #B54646 3,98:1 AA, великий текст
Aa #B54646 на #21202A 3,01:1 AA, великий текст
Aa #754E89 на #4AB9B9 2,78:1 Не проходить
Aa #D59D50 на #754E89 2,73:1 Не проходить
Aa #8AB176 на #754E89 2,69:1 Не проходить
Aa #21202A на #2A62AF 2,66:1 Не проходить
Aa #2A62AF на #4AB9B9 2,58:1 Не проходить
Aa #D59D50 на #2A62AF 2,53:1 Не проходить
Aa #8AB176 на #2A62AF 2,49:1 Не проходить
Aa #21202A на #754E89 2,46:1 Не проходить
Aa #B54646 на #4AB9B9 2,27:1 Не проходить
Aa #D59D50 на #B54646 2,23:1 Не проходить
Aa #8AB176 на #B54646 2,20:1 Не проходить
Aa #DEDFD5 на #8AB176 1,81:1 Не проходить
Aa #DEDFD5 на #D59D50 1,78:1 Не проходить
Aa #DEDFD5 на #4AB9B9 1,75:1 Не проходить
Aa #B54646 на #754E89 1,23:1 Не проходить
Aa #B54646 на #2A62AF 1,13:1 Не проходить
Aa #754E89 на #2A62AF 1,08:1 Не проходить
Aa #8AB176 на #4AB9B9 1,03:1 Не проходить
Aa #8AB176 на #D59D50 1,02:1 Не проходить
Aa #D59D50 на #4AB9B9 1,02: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 кольори