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

LoveOS

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

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

LoveOS

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

Редагувати
Землисті 9 кольорів Теплі Змішані Монохромна white red computer software
Вподобання 59
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #E6DEDD;
  --c-earthy-2: #BFB4B3;
  --c-earthy-3: #8E8287;
  --c-earthy-4: #4D4A4B;
  --c-earthy-5: #232324;
  --c-earthy-6: #090909;
  --c-earthy-7: #E22929;
  --c-earthy-8: #AF1B26;
  --c-earthy-9: #800D28;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Cumberland Sausage (#E6DEDD), найсвітлішого тону, до Badab Black Wash (#090909), найтемнішого. Вона об'єднує Cumberland Sausage, Pink Swan, Mauve Jazz, Bastion Grey, Verified Black, Badab Black Wash, Permanent Geranium Lake, Salsa та Heavy Heart в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #E6DEDD на #090909 (15,04:1).

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

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

Cumberland Sausage #E6DEDD
RGB
rgb(230, 222, 221)
HSL
hsl(7, 15%, 88%)
Яскравість
0,743
Pink Swan #BFB4B3
RGB
rgb(191, 180, 179)
HSL
hsl(5, 9%, 73%)
Яскравість
0,470
Mauve Jazz #8E8287
RGB
rgb(142, 130, 135)
HSL
hsl(335, 5%, 53%)
Яскравість
0,235
Bastion Grey #4D4A4B
RGB
rgb(77, 74, 75)
HSL
hsl(340, 2%, 30%)
Яскравість
0,070
Verified Black #232324
RGB
rgb(35, 35, 36)
HSL
hsl(240, 1%, 14%)
Яскравість
0,017
Badab Black Wash #090909
RGB
rgb(9, 9, 9)
HSL
hsl(0, 0%, 4%)
Яскравість
0,003
Permanent Geranium Lake #E22929
RGB
rgb(226, 41, 41)
HSL
hsl(0, 76%, 52%)
Яскравість
0,179
Salsa #AF1B26
RGB
rgb(175, 27, 38)
HSL
hsl(356, 73%, 40%)
Яскравість
0,100
Heavy Heart #800D28
RGB
rgb(128, 13, 40)
HSL
hsl(346, 82%, 28%)
Яскравість
0,050

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

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

Aa #E6DEDD на #090909 15,04:1 AAA
Aa #E6DEDD на #232324 11,86:1 AAA
Aa #BFB4B3 на #090909 9,86:1 AAA
Aa #E6DEDD на #800D28 7,90:1 AAA
Aa #BFB4B3 на #232324 7,77:1 AAA
Aa #E6DEDD на #4D4A4B 6,62:1 AA
Aa #8E8287 на #090909 5,40:1 AA
Aa #E6DEDD на #AF1B26 5,27:1 AA
Aa #BFB4B3 на #800D28 5,18:1 AA
Aa #090909 на #E22929 4,35:1 AA, великий текст
Aa #BFB4B3 на #4D4A4B 4,34:1 AA, великий текст
Aa #8E8287 на #232324 4,26:1 AA, великий текст
Aa #E6DEDD на #E22929 3,46:1 AA, великий текст
Aa #BFB4B3 на #AF1B26 3,46:1 AA, великий текст
Aa #232324 на #E22929 3,43:1 AA, великий текст
Aa #090909 на #AF1B26 2,85:1 Не проходить
Aa #8E8287 на #800D28 2,84:1 Не проходить
Aa #E6DEDD на #8E8287 2,79:1 Не проходить
Aa #8E8287 на #4D4A4B 2,38:1 Не проходить
Aa #E22929 на #800D28 2,28:1 Не проходить
Aa #BFB4B3 на #E22929 2,27:1 Не проходить
Aa #4D4A4B на #090909 2,27:1 Не проходить
Aa #232324 на #AF1B26 2,25:1 Не проходить
Aa #4D4A4B на #E22929 1,91:1 Не проходить
Aa #090909 на #800D28 1,90:1 Не проходить
Aa #8E8287 на #AF1B26 1,89:1 Не проходить
Aa #BFB4B3 на #8E8287 1,83:1 Не проходить
Aa #4D4A4B на #232324 1,79:1 Не проходить
Aa #E6DEDD на #BFB4B3 1,53:1 Не проходить
Aa #E22929 на #AF1B26 1,52:1 Не проходить
Aa #232324 на #800D28 1,50:1 Не проходить
Aa #AF1B26 на #800D28 1,50:1 Не проходить
Aa #232324 на #090909 1,27:1 Не проходить
Aa #4D4A4B на #AF1B26 1,25:1 Не проходить
Aa #8E8287 на #E22929 1,24:1 Не проходить
Aa #4D4A4B на #800D28 1,19: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 кольори