Реєстрація Реєстрація
Cataclysm 10

Cataclysm 10

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

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

Cataclysm 10

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

Редагувати
Землисті 10 кольорів Теплі Темні Тріадна artist starlane
Вподобання 32
Кольори 10

CSS-змінні

:root {
  --c-earthy-1: #F1A37C;
  --c-earthy-2: #E64A43;
  --c-earthy-3: #BD1A2A;
  --c-earthy-4: #760A32;
  --c-earthy-5: #340A2A;
  --c-earthy-6: #170E22;
  --c-earthy-7: #2C242B;
  --c-earthy-8: #684954;
  --c-earthy-9: #B1817D;
  --c-earthy-10: #D5BAA2;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Nutty Beige (#D5BAA2), найсвітлішого тону, до Corbeau (#170E22), найтемнішого. Вона об'єднує Coral Silk, Furious Piñata, Ruby Shard, Deep Claret, Globe Thistle, Corbeau, Black Onyx, Mixed Berry Jam, Night Rose та Nutty Beige в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #170E22 на #D5BAA2 (10,13:1).

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

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

Coral Silk #F1A37C
RGB
rgb(241, 163, 124)
HSL
hsl(20, 81%, 72%)
Яскравість
0,464
Furious Piñata #E64A43
RGB
rgb(230, 74, 67)
HSL
hsl(3, 77%, 58%)
Яскравість
0,221
Ruby Shard #BD1A2A
RGB
rgb(189, 26, 42)
HSL
hsl(354, 76%, 42%)
Яскравість
0,117
Deep Claret #760A32
RGB
rgb(118, 10, 50)
HSL
hsl(338, 84%, 25%)
Яскравість
0,043
Globe Thistle #340A2A
RGB
rgb(52, 10, 42)
HSL
hsl(314, 68%, 12%)
Яскравість
0,011
Corbeau #170E22
RGB
rgb(23, 14, 34)
HSL
hsl(267, 42%, 9%)
Яскравість
0,006
Black Onyx #2C242B
RGB
rgb(44, 36, 43)
HSL
hsl(308, 10%, 16%)
Яскравість
0,020
Mixed Berry Jam #684954
RGB
rgb(104, 73, 84)
HSL
hsl(339, 18%, 35%)
Яскравість
0,084
Night Rose #B1817D
RGB
rgb(177, 129, 125)
HSL
hsl(5, 25%, 59%)
Яскравість
0,265
Nutty Beige #D5BAA2
RGB
rgb(213, 186, 162)
HSL
hsl(28, 38%, 74%)
Яскравість
0,519

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

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

Aa #170E22 на #D5BAA2 10,13:1 AAA
Aa #340A2A на #D5BAA2 9,30:1 AAA
Aa #F1A37C на #170E22 9,15:1 AAA
Aa #F1A37C на #340A2A 8,40:1 AAA
Aa #2C242B на #D5BAA2 8,16:1 AAA
Aa #F1A37C на #2C242B 7,37:1 AAA
Aa #760A32 на #D5BAA2 6,12:1 AA
Aa #170E22 на #B1817D 5,62:1 AA
Aa #F1A37C на #760A32 5,52:1 AA
Aa #340A2A на #B1817D 5,16:1 AA
Aa #E64A43 на #170E22 4,83:1 AA
Aa #2C242B на #B1817D 4,52:1 AA
Aa #E64A43 на #340A2A 4,44:1 AA, великий текст
Aa #684954 на #D5BAA2 4,26:1 AA, великий текст
Aa #E64A43 на #2C242B 3,89:1 AA, великий текст
Aa #F1A37C на #684954 3,85:1 AA, великий текст
Aa #BD1A2A на #D5BAA2 3,40:1 AA, великий текст
Aa #760A32 на #B1817D 3,39:1 AA, великий текст
Aa #F1A37C на #BD1A2A 3,07:1 AA, великий текст
Aa #BD1A2A на #170E22 2,98:1 Не проходить
Aa #E64A43 на #760A32 2,92:1 Не проходить
Aa #BD1A2A на #340A2A 2,74:1 Не проходить
Aa #BD1A2A на #2C242B 2,40:1 Не проходить
Aa #170E22 на #684954 2,38:1 Не проходить
Aa #684954 на #B1817D 2,36:1 Не проходить
Aa #340A2A на #684954 2,18:1 Не проходить
Aa #E64A43 на #D5BAA2 2,10:1 Не проходить
Aa #E64A43 на #684954 2,03:1 Не проходить
Aa #2C242B на #684954 1,91:1 Не проходить
Aa #F1A37C на #E64A43 1,89:1 Не проходить
Aa #BD1A2A на #B1817D 1,89:1 Не проходить
Aa #BD1A2A на #760A32 1,80:1 Не проходить
Aa #B1817D на #D5BAA2 1,80:1 Не проходить
Aa #760A32 на #170E22 1,66:1 Не проходить
Aa #F1A37C на #B1817D 1,63:1 Не проходить
Aa #E64A43 на #BD1A2A 1,62:1 Не проходить
Aa #760A32 на #340A2A 1,52:1 Не проходить
Aa #760A32 на #684954 1,44:1 Не проходить
Aa #760A32 на #2C242B 1,33:1 Не проходить
Aa #BD1A2A на #684954 1,25:1 Не проходить
Aa #170E22 на #2C242B 1,24:1 Не проходить
Aa #E64A43 на #B1817D 1,16:1 Не проходить
Aa #340A2A на #2C242B 1,14:1 Не проходить
Aa #F1A37C на #D5BAA2 1,11:1 Не проходить
Aa #340A2A на #170E22 1,09: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 кольори