Реєстрація Реєстрація
Medal Of Honor

Medal Of Honor

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

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

Medal Of Honor

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

Редагувати
Землисті 11 кольорів Нейтральні Темні Комплементарна pixelart muted metallic vintage
Вподобання 19
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #1C2554;
  --c-earthy-2: #201C1A;
  --c-earthy-3: #B2C0AC;
  --c-earthy-4: #B29458;
  --c-earthy-5: #7A6643;
  --c-earthy-6: #49402B;
  --c-earthy-7: #0081C2;
  --c-earthy-8: #00517F;
  --c-earthy-9: #D64630;
  --c-earthy-10: #8F271D;
  --c-earthy-11: #5A1211;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Wedding Mint (#B2C0AC), найсвітлішого тону, до Dynamic Black (#201C1A), найтемнішого. Вона об'єднує Space Cadet, Dynamic Black, Wedding Mint, Jungle Expedition, Eminent Bronze, Onion, Honolulu Blue, Cleo’s Bath, Scarlet Rebels, Vivid Auburn та Mama Africa в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #201C1A на #B2C0AC (8,88:1).

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

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

Space Cadet #1C2554
RGB
rgb(28, 37, 84)
HSL
hsl(230, 50%, 22%)
Яскравість
0,022
Dynamic Black #201C1A
RGB
rgb(32, 28, 26)
HSL
hsl(20, 10%, 11%)
Яскравість
0,012
Wedding Mint #B2C0AC
RGB
rgb(178, 192, 172)
HSL
hsl(102, 14%, 71%)
Яскравість
0,501
Jungle Expedition #B29458
RGB
rgb(178, 148, 88)
HSL
hsl(40, 37%, 52%)
Яскравість
0,314
Eminent Bronze #7A6643
RGB
rgb(122, 102, 67)
HSL
hsl(38, 29%, 37%)
Яскравість
0,141
Onion #49402B
RGB
rgb(73, 64, 43)
HSL
hsl(42, 26%, 23%)
Яскравість
0,053
Honolulu Blue #0081C2
RGB
rgb(0, 129, 194)
HSL
hsl(200, 100%, 38%)
Яскравість
0,196
Cleo’s Bath #00517F
RGB
rgb(0, 81, 127)
HSL
hsl(202, 100%, 25%)
Яскравість
0,074
Scarlet Rebels #D64630
RGB
rgb(214, 70, 48)
HSL
hsl(8, 67%, 51%)
Яскравість
0,189
Vivid Auburn #8F271D
RGB
rgb(143, 39, 29)
HSL
hsl(5, 66%, 34%)
Яскравість
0,074
Mama Africa #5A1211
RGB
rgb(90, 18, 17)
HSL
hsl(1, 68%, 21%)
Яскравість
0,027

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

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

Aa #201C1A на #B2C0AC 8,88:1 AAA
Aa #1C2554 на #B2C0AC 7,65:1 AAA
Aa #B2C0AC на #5A1211 7,21:1 AAA
Aa #201C1A на #B29458 5,85:1 AA
Aa #B2C0AC на #49402B 5,38:1 AA
Aa #1C2554 на #B29458 5,04:1 AA
Aa #B29458 на #5A1211 4,75:1 AA
Aa #B2C0AC на #8F271D 4,45:1 AA, великий текст
Aa #B2C0AC на #00517F 4,44:1 AA, великий текст
Aa #201C1A на #0081C2 3,96:1 AA, великий текст
Aa #201C1A на #D64630 3,85:1 AA, великий текст
Aa #B29458 на #49402B 3,54:1 AA, великий текст
Aa #1C2554 на #0081C2 3,41:1 AA, великий текст
Aa #1C2554 на #D64630 3,31:1 AA, великий текст
Aa #0081C2 на #5A1211 3,22:1 AA, великий текст
Aa #D64630 на #5A1211 3,12:1 AA, великий текст
Aa #201C1A на #7A6643 3,07:1 AA, великий текст
Aa #B29458 на #8F271D 2,94:1 Не проходить
Aa #B29458 на #00517F 2,93:1 Не проходить
Aa #B2C0AC на #7A6643 2,90:1 Не проходить
Aa #1C2554 на #7A6643 2,64:1 Не проходить
Aa #7A6643 на #5A1211 2,49:1 Не проходить
Aa #49402B на #0081C2 2,40:1 Не проходить
Aa #49402B на #D64630 2,33:1 Не проходить
Aa #B2C0AC на #D64630 2,31:1 Не проходить
Aa #B2C0AC на #0081C2 2,24:1 Не проходить
Aa #201C1A на #00517F 2,00:1 Не проходить
Aa #201C1A на #8F271D 1,99:1 Не проходить
Aa #0081C2 на #8F271D 1,99:1 Не проходить
Aa #0081C2 на #00517F 1,98:1 Не проходить
Aa #D64630 на #8F271D 1,93:1 Не проходить
Aa #00517F на #D64630 1,92:1 Не проходить
Aa #B29458 на #7A6643 1,91:1 Не проходить
Aa #7A6643 на #49402B 1,86:1 Не проходить
Aa #1C2554 на #00517F 1,72:1 Не проходить
Aa #1C2554 на #8F271D 1,72:1 Не проходить
Aa #201C1A на #49402B 1,65:1 Не проходить
Aa #00517F на #5A1211 1,62:1 Не проходить
Aa #8F271D на #5A1211 1,62:1 Не проходить
Aa #7A6643 на #8F271D 1,54:1 Не проходить
Aa #7A6643 на #00517F 1,53:1 Не проходить
Aa #B2C0AC на #B29458 1,52:1 Не проходить
Aa #B29458 на #D64630 1,52:1 Не проходить
Aa #B29458 на #0081C2 1,48:1 Не проходить
Aa #1C2554 на #49402B 1,42:1 Не проходить
Aa #49402B на #5A1211 1,34:1 Не проходить
Aa #7A6643 на #0081C2 1,29:1 Не проходить
Aa #7A6643 на #D64630 1,25:1 Не проходить
Aa #201C1A на #5A1211 1,23:1 Не проходить
Aa #49402B на #00517F 1,21:1 Не проходить
Aa #49402B на #8F271D 1,21:1 Не проходить
Aa #1C2554 на #201C1A 1,16:1 Не проходить
Aa #1C2554 на #5A1211 1,06:1 Не проходить
Aa #0081C2 на #D64630 1,03:1 Не проходить
Aa #00517F на #8F271D 1,00:1 Не проходить

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

#000000 #3E065F #700B97 #8E05C2
4 кольори
#000000 #150050 #3F0071 #FB2576
4 кольори
#000000 #3E432E #616F39 #A7D129
4 кольори
#4B5D67 #322F3D #59405C #87556F
4 кольори
#18230F #27391C #255F38 #1F7D53
4 кольори
#FF5200 #6F0000 #00263B #00A1AB
4 кольори
#000000 #0F6292 #16FF00 #FFED00
4 кольори
#251D3A #2A2550 #E04D01 #FF7700
4 кольори