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

Sepia6

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

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

Sepia6

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

Редагувати
Землисті 6 кольорів Теплі Змішані Аналогова old sepia western
Вподобання 159
Кольори 6

CSS-змінні

:root {
  --c-earthy-1: #212529;
  --c-earthy-2: #614750;
  --c-earthy-3: #8C5C47;
  --c-earthy-4: #B47D58;
  --c-earthy-5: #D9B77E;
  --c-earthy-6: #EAD9A7;
}

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

Ця землиста палітра з 6 кольорів охоплює діапазон від Sidecar (#EAD9A7), найсвітлішого тону, до Dark Gunmetal (#212529), найтемнішого. Вона об'єднує Dark Gunmetal, Gǔ Tóng Hēi Copper, Artisan, Pastry Shell, Brik Dough та Sidecar в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #212529 на #EAD9A7 (11,01:1).

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

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

Dark Gunmetal #212529
RGB
rgb(33, 37, 41)
HSL
hsl(210, 11%, 15%)
Яскравість
0,018
Gǔ Tóng Hēi Copper #614750
RGB
rgb(97, 71, 80)
HSL
hsl(339, 15%, 33%)
Яскравість
0,076
Artisan #8C5C47
RGB
rgb(140, 92, 71)
HSL
hsl(18, 33%, 41%)
Яскравість
0,137
Pastry Shell #B47D58
RGB
rgb(180, 125, 88)
HSL
hsl(24, 38%, 53%)
Яскравість
0,251
Brik Dough #D9B77E
RGB
rgb(217, 183, 126)
HSL
hsl(38, 54%, 67%)
Яскравість
0,501
Sidecar #EAD9A7
RGB
rgb(234, 217, 167)
HSL
hsl(45, 61%, 79%)
Яскравість
0,699

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

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

Aa #212529 на #EAD9A7 11,01:1 AAA
Aa #212529 на #D9B77E 8,10:1 AAA
Aa #614750 на #EAD9A7 5,93:1 AA
Aa #212529 на #B47D58 4,42:1 AA, великий текст
Aa #614750 на #D9B77E 4,37:1 AA, великий текст
Aa #8C5C47 на #EAD9A7 4,01:1 AA, великий текст
Aa #8C5C47 на #D9B77E 2,95:1 Не проходить
Aa #212529 на #8C5C47 2,75:1 Не проходить
Aa #B47D58 на #EAD9A7 2,49:1 Не проходить
Aa #614750 на #B47D58 2,38:1 Не проходить
Aa #212529 на #614750 1,86:1 Не проходить
Aa #B47D58 на #D9B77E 1,83:1 Не проходить
Aa #8C5C47 на #B47D58 1,61:1 Не проходить
Aa #614750 на #8C5C47 1,48:1 Не проходить
Aa #D9B77E на #EAD9A7 1,36: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 кольори