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

Mupix9

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

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

Mupix9

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

Редагувати
Землисті 9 кольорів Теплі Темні Комплементарна orange purple brown gold
Вподобання 102
Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #1D0D2B;
  --c-earthy-2: #391633;
  --c-earthy-3: #512531;
  --c-earthy-4: #794033;
  --c-earthy-5: #9E7E34;
  --c-earthy-6: #BEC187;
  --c-earthy-7: #66A573;
  --c-earthy-8: #2B7B74;
  --c-earthy-9: #263044;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Kiss a Frog (#BEC187), найсвітлішого тону, до Midnight Monarch (#1D0D2B), найтемнішого. Вона об'єднує Midnight Monarch, Nightly Voyager, Carambar, Aged Teak, Arlington Bronze, Kiss a Frog, Aqua Forest, Elm та Crow Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #1D0D2B на #BEC187 (9,76:1).

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

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

Midnight Monarch #1D0D2B
RGB
rgb(29, 13, 43)
HSL
hsl(272, 54%, 11%)
Яскравість
0,007
Nightly Voyager #391633
RGB
rgb(57, 22, 51)
HSL
hsl(310, 44%, 15%)
Яскравість
0,017
Carambar #512531
RGB
rgb(81, 37, 49)
HSL
hsl(344, 37%, 23%)
Яскравість
0,033
Aged Teak #794033
RGB
rgb(121, 64, 51)
HSL
hsl(11, 41%, 34%)
Яскравість
0,080
Arlington Bronze #9E7E34
RGB
rgb(158, 126, 52)
HSL
hsl(42, 50%, 41%)
Яскравість
0,224
Kiss a Frog #BEC187
RGB
rgb(190, 193, 135)
HSL
hsl(63, 32%, 64%)
Яскравість
0,508
Aqua Forest #66A573
RGB
rgb(102, 165, 115)
HSL
hsl(132, 26%, 52%)
Яскравість
0,310
Elm #2B7B74
RGB
rgb(43, 123, 116)
HSL
hsl(175, 48%, 33%)
Яскравість
0,159
Crow Black #263044
RGB
rgb(38, 48, 68)
HSL
hsl(220, 28%, 21%)
Яскравість
0,029

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

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

Aa #1D0D2B на #BEC187 9,76:1 AAA
Aa #391633 на #BEC187 8,36:1 AAA
Aa #BEC187 на #263044 7,03:1 AAA
Aa #512531 на #BEC187 6,73:1 AA
Aa #1D0D2B на #66A573 6,29:1 AA
Aa #391633 на #66A573 5,38:1 AA
Aa #1D0D2B на #9E7E34 4,79:1 AA
Aa #66A573 на #263044 4,53:1 AA
Aa #512531 на #66A573 4,34:1 AA, великий текст
Aa #794033 на #BEC187 4,30:1 AA, великий текст
Aa #391633 на #9E7E34 4,11:1 AA, великий текст
Aa #1D0D2B на #2B7B74 3,66:1 AA, великий текст
Aa #9E7E34 на #263044 3,45:1 AA, великий текст
Aa #512531 на #9E7E34 3,31:1 AA, великий текст
Aa #391633 на #2B7B74 3,13:1 AA, великий текст
Aa #794033 на #66A573 2,77:1 Не проходить
Aa #BEC187 на #2B7B74 2,67:1 Не проходить
Aa #2B7B74 на #263044 2,64:1 Не проходить
Aa #512531 на #2B7B74 2,52:1 Не проходить
Aa #1D0D2B на #794033 2,27:1 Не проходить
Aa #794033 на #9E7E34 2,12:1 Не проходить
Aa #9E7E34 на #BEC187 2,03:1 Не проходить
Aa #391633 на #794033 1,94:1 Не проходить
Aa #66A573 на #2B7B74 1,72:1 Не проходить
Aa #794033 на #263044 1,63:1 Не проходить
Aa #794033 на #2B7B74 1,61:1 Не проходить
Aa #512531 на #794033 1,56:1 Не проходить
Aa #BEC187 на #66A573 1,55:1 Не проходить
Aa #1D0D2B на #512531 1,45:1 Не проходить
Aa #1D0D2B на #263044 1,39:1 Не проходить
Aa #9E7E34 на #66A573 1,31:1 Не проходить
Aa #9E7E34 на #2B7B74 1,31:1 Не проходить
Aa #391633 на #512531 1,24:1 Не проходить
Aa #391633 на #263044 1,19:1 Не проходить
Aa #1D0D2B на #391633 1,17:1 Не проходить
Aa #512531 на #263044 1,04: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 кольори