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

Absxii

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

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

Absxii

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

Редагувати
Землисті 12 кольорів Теплі Темні Комплементарна artist musthbly abstract
Вподобання 46
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #1C0903;
  --c-earthy-2: #433655;
  --c-earthy-3: #7E2738;
  --c-earthy-4: #495989;
  --c-earthy-5: #A23D2A;
  --c-earthy-6: #5F6468;
  --c-earthy-7: #4B6B68;
  --c-earthy-8: #7A5E6E;
  --c-earthy-9: #9E5738;
  --c-earthy-10: #D2935B;
  --c-earthy-11: #A1A6A6;
  --c-earthy-12: #D7C9C1;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Unfussy Beige (#D7C9C1), найсвітлішого тону, до Soy Sauce (#1C0903), найтемнішого. Вона об'єднує Soy Sauce, Purple Plumeria, Suō, Gem, Edocha, Carriage Wheel, Deep Rift, Black Plum, Persimmon Varnish, Gates of Gold, Castlegate та Unfussy Beige в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #1C0903 на #D7C9C1 (11,94:1).

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

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

Soy Sauce #1C0903
RGB
rgb(28, 9, 3)
HSL
hsl(14, 81%, 6%)
Яскравість
0,005
Purple Plumeria #433655
RGB
rgb(67, 54, 85)
HSL
hsl(265, 22%, 27%)
Яскравість
0,045
Suō #7E2738
RGB
rgb(126, 39, 56)
HSL
hsl(348, 53%, 32%)
Яскравість
0,062
Gem #495989
RGB
rgb(73, 89, 137)
HSL
hsl(225, 30%, 41%)
Яскравість
0,104
Edocha #A23D2A
RGB
rgb(162, 61, 42)
HSL
hsl(10, 59%, 40%)
Яскравість
0,112
Carriage Wheel #5F6468
RGB
rgb(95, 100, 104)
HSL
hsl(207, 5%, 39%)
Яскравість
0,126
Deep Rift #4B6B68
RGB
rgb(75, 107, 104)
HSL
hsl(174, 18%, 36%)
Яскравість
0,130
Black Plum #7A5E6E
RGB
rgb(122, 94, 110)
HSL
hsl(326, 13%, 42%)
Яскравість
0,133
Persimmon Varnish #9E5738
RGB
rgb(158, 87, 56)
HSL
hsl(18, 48%, 42%)
Яскравість
0,144
Gates of Gold #D2935B
RGB
rgb(210, 147, 91)
HSL
hsl(28, 57%, 59%)
Яскравість
0,353
Castlegate #A1A6A6
RGB
rgb(161, 166, 166)
HSL
hsl(180, 3%, 64%)
Яскравість
0,376
Unfussy Beige #D7C9C1
RGB
rgb(215, 201, 193)
HSL
hsl(22, 22%, 80%)
Яскравість
0,601

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

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

Aa #1C0903 на #D7C9C1 11,94:1 AAA
Aa #1C0903 на #A1A6A6 7,82:1 AAA
Aa #1C0903 на #D2935B 7,40:1 AAA
Aa #433655 на #D7C9C1 6,86:1 AA
Aa #7E2738 на #D7C9C1 5,82:1 AA
Aa #433655 на #A1A6A6 4,49:1 AA, великий текст
Aa #433655 на #D2935B 4,25:1 AA, великий текст
Aa #495989 на #D7C9C1 4,23:1 AA, великий текст
Aa #A23D2A на #D7C9C1 4,02:1 AA, великий текст
Aa #7E2738 на #A1A6A6 3,81:1 AA, великий текст
Aa #5F6468 на #D7C9C1 3,71:1 AA, великий текст
Aa #7E2738 на #D2935B 3,61:1 AA, великий текст
Aa #4B6B68 на #D7C9C1 3,61:1 AA, великий текст
Aa #1C0903 на #9E5738 3,56:1 AA, великий текст
Aa #7A5E6E на #D7C9C1 3,56:1 AA, великий текст
Aa #9E5738 на #D7C9C1 3,36:1 AA, великий текст
Aa #1C0903 на #7A5E6E 3,35:1 AA, великий текст
Aa #1C0903 на #4B6B68 3,31:1 AA, великий текст
Aa #1C0903 на #5F6468 3,22:1 AA, великий текст
Aa #1C0903 на #A23D2A 2,97:1 Не проходить
Aa #1C0903 на #495989 2,82:1 Не проходить
Aa #495989 на #A1A6A6 2,77:1 Не проходить
Aa #A23D2A на #A1A6A6 2,63:1 Не проходить
Aa #495989 на #D2935B 2,62:1 Не проходить
Aa #A23D2A на #D2935B 2,49:1 Не проходить
Aa #5F6468 на #A1A6A6 2,43:1 Не проходить
Aa #4B6B68 на #A1A6A6 2,37:1 Не проходить
Aa #7A5E6E на #A1A6A6 2,33:1 Не проходить
Aa #5F6468 на #D2935B 2,30:1 Не проходить
Aa #4B6B68 на #D2935B 2,24:1 Не проходить
Aa #7A5E6E на #D2935B 2,21:1 Не проходить
Aa #9E5738 на #A1A6A6 2,20:1 Не проходить
Aa #9E5738 на #D2935B 2,08:1 Не проходить
Aa #1C0903 на #7E2738 2,05:1 Не проходить
Aa #433655 на #9E5738 2,04:1 Не проходить
Aa #433655 на #7A5E6E 1,93:1 Не проходить
Aa #433655 на #4B6B68 1,90:1 Не проходить
Aa #433655 на #5F6468 1,85:1 Не проходить
Aa #1C0903 на #433655 1,74:1 Не проходить
Aa #7E2738 на #9E5738 1,73:1 Не проходить
Aa #433655 на #A23D2A 1,71:1 Не проходить
Aa #7E2738 на #7A5E6E 1,64:1 Не проходить
Aa #433655 на #495989 1,62:1 Не проходить
Aa #7E2738 на #4B6B68 1,61:1 Не проходить
Aa #D2935B на #D7C9C1 1,61:1 Не проходить
Aa #7E2738 на #5F6468 1,57:1 Не проходить
Aa #A1A6A6 на #D7C9C1 1,53:1 Не проходить
Aa #7E2738 на #A23D2A 1,45:1 Не проходить
Aa #7E2738 на #495989 1,38:1 Не проходить
Aa #495989 на #9E5738 1,26:1 Не проходить
Aa #A23D2A на #9E5738 1,20:1 Не проходить
Aa #495989 на #7A5E6E 1,19:1 Не проходить
Aa #433655 на #7E2738 1,18:1 Не проходить
Aa #495989 на #4B6B68 1,17:1 Не проходить
Aa #495989 на #5F6468 1,14:1 Не проходить
Aa #A23D2A на #7A5E6E 1,13:1 Не проходить
Aa #A23D2A на #4B6B68 1,11:1 Не проходить
Aa #5F6468 на #9E5738 1,10:1 Не проходить
Aa #A23D2A на #5F6468 1,08:1 Не проходить
Aa #4B6B68 на #9E5738 1,08:1 Не проходить
Aa #7A5E6E на #9E5738 1,06:1 Не проходить
Aa #D2935B на #A1A6A6 1,06:1 Не проходить
Aa #495989 на #A23D2A 1,05:1 Не проходить
Aa #5F6468 на #7A5E6E 1,04:1 Не проходить
Aa #5F6468 на #4B6B68 1,03:1 Не проходить
Aa #4B6B68 на #7A5E6E 1,01:1 Не проходить

Схожі палітри

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори