Реєстрація Реєстрація
Mahyellaw '22

Mahyellaw '22

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

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

Mahyellaw '22

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

Редагувати
Землисті 8 кольорів Нейтральні Темні Комплементарна warm old retro
Вподобання 146
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #060B11;
  --c-earthy-2: #0C1023;
  --c-earthy-3: #10182E;
  --c-earthy-4: #182634;
  --c-earthy-5: #5E1A20;
  --c-earthy-6: #8D402F;
  --c-earthy-7: #BE794F;
  --c-earthy-8: #E3B47A;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від High Plateau (#E3B47A), найсвітлішого тону, до Dark Rift (#060B11), найтемнішого. Вона об'єднує Dark Rift, Corbeau, Liberty Blue, Abyssal Anchorfish Blue, Red Oxide, Carmen Miranda, Rakuda Brown та High Plateau в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #060B11 на #E3B47A (10,41:1).

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

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

Dark Rift #060B11
RGB
rgb(6, 11, 17)
HSL
hsl(213, 48%, 5%)
Яскравість
0,003
Corbeau #0C1023
RGB
rgb(12, 16, 35)
HSL
hsl(230, 49%, 9%)
Яскравість
0,006
Liberty Blue #10182E
RGB
rgb(16, 24, 46)
HSL
hsl(224, 48%, 12%)
Яскравість
0,010
Abyssal Anchorfish Blue #182634
RGB
rgb(24, 38, 52)
HSL
hsl(210, 37%, 15%)
Яскравість
0,018
Red Oxide #5E1A20
RGB
rgb(94, 26, 32)
HSL
hsl(355, 57%, 24%)
Яскравість
0,032
Carmen Miranda #8D402F
RGB
rgb(141, 64, 47)
HSL
hsl(11, 50%, 37%)
Яскравість
0,095
Rakuda Brown #BE794F
RGB
rgb(190, 121, 79)
HSL
hsl(23, 46%, 53%)
Яскравість
0,252
High Plateau #E3B47A
RGB
rgb(227, 180, 122)
HSL
hsl(33, 65%, 68%)
Яскравість
0,504

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

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

Aa #060B11 на #E3B47A 10,41:1 AAA
Aa #0C1023 на #E3B47A 9,94:1 AAA
Aa #10182E на #E3B47A 9,29:1 AAA
Aa #182634 на #E3B47A 8,11:1 AAA
Aa #5E1A20 на #E3B47A 6,73:1 AA
Aa #060B11 на #BE794F 5,68:1 AA
Aa #0C1023 на #BE794F 5,42:1 AA
Aa #10182E на #BE794F 5,06:1 AA
Aa #182634 на #BE794F 4,42:1 AA, великий текст
Aa #8D402F на #E3B47A 3,81:1 AA, великий текст
Aa #5E1A20 на #BE794F 3,67:1 AA, великий текст
Aa #060B11 на #8D402F 2,73:1 Не проходить
Aa #0C1023 на #8D402F 2,61:1 Не проходить
Aa #10182E на #8D402F 2,44:1 Не проходить
Aa #182634 на #8D402F 2,13:1 Не проходить
Aa #8D402F на #BE794F 2,08:1 Не проходить
Aa #BE794F на #E3B47A 1,83:1 Не проходить
Aa #5E1A20 на #8D402F 1,77:1 Не проходить
Aa #060B11 на #5E1A20 1,55:1 Не проходить
Aa #0C1023 на #5E1A20 1,48:1 Не проходить
Aa #10182E на #5E1A20 1,38:1 Не проходить
Aa #060B11 на #182634 1,28:1 Не проходить
Aa #0C1023 на #182634 1,23:1 Не проходить
Aa #182634 на #5E1A20 1,20:1 Не проходить
Aa #10182E на #182634 1,15:1 Не проходить
Aa #060B11 на #10182E 1,12:1 Не проходить
Aa #0C1023 на #10182E 1,07:1 Не проходить
Aa #060B11 на #0C1023 1,05: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 кольори