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

CA8

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

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

CA8

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

Редагувати
Землисті 8 кольорів Теплі Змішані Аналогова black blue purple brown
Вподобання 33
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #1C1211;
  --c-earthy-2: #602A39;
  --c-earthy-3: #3C3530;
  --c-earthy-4: #8B5A40;
  --c-earthy-5: #B6876B;
  --c-earthy-6: #8899A5;
  --c-earthy-7: #BBC07A;
  --c-earthy-8: #F5E9D9;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Saltbox (#F5E9D9), найсвітлішого тону, до Scandinavian Liquorice (#1C1211), найтемнішого. Вона об'єднує Scandinavian Liquorice, Windsor Wine, Kilimanjaro, Hope Chest, Red Gravel, Hamilton Blue, Pine Glade та Saltbox в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #1C1211 на #F5E9D9 (15,33:1).

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

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

Scandinavian Liquorice #1C1211
RGB
rgb(28, 18, 17)
HSL
hsl(5, 24%, 9%)
Яскравість
0,007
Windsor Wine #602A39
RGB
rgb(96, 42, 57)
HSL
hsl(343, 39%, 27%)
Яскравість
0,044
Kilimanjaro #3C3530
RGB
rgb(60, 53, 48)
HSL
hsl(25, 11%, 21%)
Яскравість
0,037
Hope Chest #8B5A40
RGB
rgb(139, 90, 64)
HSL
hsl(21, 37%, 40%)
Яскравість
0,132
Red Gravel #B6876B
RGB
rgb(182, 135, 107)
HSL
hsl(22, 34%, 57%)
Яскравість
0,283
Hamilton Blue #8899A5
RGB
rgb(136, 153, 165)
HSL
hsl(205, 14%, 59%)
Яскравість
0,307
Pine Glade #BBC07A
RGB
rgb(187, 192, 122)
HSL
hsl(64, 36%, 62%)
Яскравість
0,497
Saltbox #F5E9D9
RGB
rgb(245, 233, 217)
HSL
hsl(34, 58%, 91%)
Яскравість
0,827

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

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

Aa #1C1211 на #F5E9D9 15,33:1 AAA
Aa #3C3530 на #F5E9D9 10,06:1 AAA
Aa #1C1211 на #BBC07A 9,56:1 AAA
Aa #602A39 на #F5E9D9 9,29:1 AAA
Aa #3C3530 на #BBC07A 6,27:1 AA
Aa #1C1211 на #8899A5 6,25:1 AA
Aa #1C1211 на #B6876B 5,83:1 AA
Aa #602A39 на #BBC07A 5,79:1 AA
Aa #8B5A40 на #F5E9D9 4,83:1 AA
Aa #3C3530 на #8899A5 4,10:1 AA, великий текст
Aa #3C3530 на #B6876B 3,82:1 AA, великий текст
Aa #602A39 на #8899A5 3,79:1 AA, великий текст
Aa #602A39 на #B6876B 3,53:1 AA, великий текст
Aa #1C1211 на #8B5A40 3,18:1 AA, великий текст
Aa #8B5A40 на #BBC07A 3,01:1 AA, великий текст
Aa #B6876B на #F5E9D9 2,63:1 Не проходить
Aa #8899A5 на #F5E9D9 2,45:1 Не проходить
Aa #3C3530 на #8B5A40 2,08:1 Не проходить
Aa #8B5A40 на #8899A5 1,97:1 Не проходить
Aa #602A39 на #8B5A40 1,93:1 Не проходить
Aa #8B5A40 на #B6876B 1,83:1 Не проходить
Aa #1C1211 на #602A39 1,65:1 Не проходить
Aa #B6876B на #BBC07A 1,64:1 Не проходить
Aa #BBC07A на #F5E9D9 1,60:1 Не проходить
Aa #8899A5 на #BBC07A 1,53:1 Не проходить
Aa #1C1211 на #3C3530 1,52:1 Не проходить
Aa #602A39 на #3C3530 1,08:1 Не проходить
Aa #B6876B на #8899A5 1,07: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 кольори