Реєстрація Реєстрація
Barren Equinox

Barren Equinox

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

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

Barren Equinox

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

Редагувати
Землисті 12 кольорів Теплі Темні Монохромна fall fire autumn nature
Вподобання 28
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #5E0909;
  --c-earthy-2: #852311;
  --c-earthy-3: #BB260B;
  --c-earthy-4: #C9683D;
  --c-earthy-5: #814322;
  --c-earthy-6: #46201A;
  --c-earthy-7: #46392D;
  --c-earthy-8: #8E614D;
  --c-earthy-9: #B59F7F;
  --c-earthy-10: #7B6E4B;
  --c-earthy-11: #625C28;
  --c-earthy-12: #483B19;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Montecito (#B59F7F), найсвітлішого тону, до Marmite (#46201A), найтемнішого. Вона об'єднує Vampiric Council, Minotaurus Brown, Lobster, Apricot Orange, Honey Garlic Beef, Marmite, Batch Brew, Tamarind Tart, Montecito, Go Ben, Costa Del Sol та Avocado Stone в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #46201A на #B59F7F (5,55:1).

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

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

Vampiric Council #5E0909
RGB
rgb(94, 9, 9)
HSL
hsl(0, 83%, 20%)
Яскравість
0,026
Minotaurus Brown #852311
RGB
rgb(133, 35, 17)
HSL
hsl(9, 77%, 29%)
Яскравість
0,062
Lobster #BB260B
RGB
rgb(187, 38, 11)
HSL
hsl(9, 89%, 39%)
Яскравість
0,120
Apricot Orange #C9683D
RGB
rgb(201, 104, 61)
HSL
hsl(18, 56%, 51%)
Яскравість
0,227
Honey Garlic Beef #814322
RGB
rgb(129, 67, 34)
HSL
hsl(21, 58%, 32%)
Яскравість
0,088
Marmite #46201A
RGB
rgb(70, 32, 26)
HSL
hsl(8, 46%, 19%)
Яскравість
0,024
Batch Brew #46392D
RGB
rgb(70, 57, 45)
HSL
hsl(29, 22%, 23%)
Яскравість
0,044
Tamarind Tart #8E614D
RGB
rgb(142, 97, 77)
HSL
hsl(18, 30%, 43%)
Яскравість
0,148
Montecito #B59F7F
RGB
rgb(181, 159, 127)
HSL
hsl(36, 27%, 60%)
Яскравість
0,362
Go Ben #7B6E4B
RGB
rgb(123, 110, 75)
HSL
hsl(44, 24%, 39%)
Яскравість
0,159
Costa Del Sol #625C28
RGB
rgb(98, 92, 40)
HSL
hsl(54, 42%, 27%)
Яскравість
0,104
Avocado Stone #483B19
RGB
rgb(72, 59, 25)
HSL
hsl(43, 48%, 19%)
Яскравість
0,046

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

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

Aa #46201A на #B59F7F 5,55:1 AA
Aa #5E0909 на #B59F7F 5,42:1 AA
Aa #46392D на #B59F7F 4,37:1 AA, великий текст
Aa #B59F7F на #483B19 4,30:1 AA, великий текст
Aa #C9683D на #46201A 3,73:1 AA, великий текст
Aa #852311 на #B59F7F 3,66:1 AA, великий текст
Aa #5E0909 на #C9683D 3,64:1 AA, великий текст
Aa #814322 на #B59F7F 2,98:1 Не проходить
Aa #C9683D на #46392D 2,94:1 Не проходить
Aa #C9683D на #483B19 2,89:1 Не проходить
Aa #46201A на #7B6E4B 2,82:1 Не проходить
Aa #5E0909 на #7B6E4B 2,75:1 Не проходить
Aa #46201A на #8E614D 2,68:1 Не проходить
Aa #B59F7F на #625C28 2,67:1 Не проходить
Aa #5E0909 на #8E614D 2,61:1 Не проходить
Aa #852311 на #C9683D 2,46:1 Не проходить
Aa #BB260B на #B59F7F 2,42:1 Не проходить
Aa #BB260B на #46201A 2,29:1 Не проходить
Aa #5E0909 на #BB260B 2,24:1 Не проходить
Aa #46392D на #7B6E4B 2,22:1 Не проходить
Aa #7B6E4B на #483B19 2,18:1 Не проходить
Aa #46392D на #8E614D 2,11:1 Не проходить
Aa #46201A на #625C28 2,08:1 Не проходить
Aa #8E614D на #B59F7F 2,07:1 Не проходить
Aa #8E614D на #483B19 2,07:1 Не проходить
Aa #5E0909 на #625C28 2,03:1 Не проходить
Aa #C9683D на #814322 2,00:1 Не проходить
Aa #B59F7F на #7B6E4B 1,97:1 Не проходить
Aa #852311 на #7B6E4B 1,86:1 Не проходить
Aa #814322 на #46201A 1,86:1 Не проходить
Aa #5E0909 на #814322 1,82:1 Не проходить
Aa #BB260B на #46392D 1,80:1 Не проходить
Aa #C9683D на #625C28 1,80:1 Не проходить
Aa #852311 на #8E614D 1,77:1 Не проходить
Aa #BB260B на #483B19 1,77:1 Не проходить
Aa #46392D на #625C28 1,64:1 Не проходить
Aa #BB260B на #C9683D 1,63:1 Не проходить
Aa #625C28 на #483B19 1,61:1 Не проходить
Aa #852311 на #46201A 1,52:1 Не проходить
Aa #852311 на #BB260B 1,51:1 Не проходить
Aa #814322 на #7B6E4B 1,51:1 Не проходить
Aa #C9683D на #B59F7F 1,49:1 Не проходить
Aa #5E0909 на #852311 1,48:1 Не проходить
Aa #814322 на #46392D 1,46:1 Не проходить
Aa #814322 на #8E614D 1,44:1 Не проходить
Aa #814322 на #483B19 1,44:1 Не проходить
Aa #C9683D на #8E614D 1,39:1 Не проходить
Aa #852311 на #625C28 1,37:1 Не проходить
Aa #7B6E4B на #625C28 1,35:1 Не проходить
Aa #C9683D на #7B6E4B 1,33:1 Не проходить
Aa #46201A на #483B19 1,29:1 Не проходить
Aa #8E614D на #625C28 1,29:1 Не проходить
Aa #46201A на #46392D 1,27:1 Не проходить
Aa #5E0909 на #483B19 1,26:1 Не проходить
Aa #5E0909 на #46392D 1,24:1 Не проходить
Aa #852311 на #814322 1,23:1 Не проходить
Aa #BB260B на #814322 1,23:1 Не проходить
Aa #BB260B на #7B6E4B 1,23:1 Не проходить
Aa #852311 на #46392D 1,19:1 Не проходить
Aa #852311 на #483B19 1,17:1 Не проходить
Aa #BB260B на #8E614D 1,17:1 Не проходить
Aa #814322 на #625C28 1,12:1 Не проходить
Aa #BB260B на #625C28 1,10:1 Не проходить
Aa #8E614D на #7B6E4B 1,05:1 Не проходить
Aa #5E0909 на #46201A 1,02:1 Не проходить
Aa #46392D на #483B19 1,02: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 кольори