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

Extinction

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

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

Extinction

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

Редагувати
Землисті 6 кольорів Нейтральні Змішані Комплементарна pixelart gray fire lava
Вподобання 36
Кольори 6

CSS-змінні

:root {
  --c-earthy-1: #0D1A2B;
  --c-earthy-2: #2F4055;
  --c-earthy-3: #6F9388;
  --c-earthy-4: #A9C2A8;
  --c-earthy-5: #742727;
  --c-earthy-6: #F58E4A;
}

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

Ця землиста палітра з 6 кольорів охоплює діапазон від Spring Leaves (#A9C2A8), найсвітлішого тону, до Trapped Darkness (#0D1A2B), найтемнішого. Вона об'єднує Trapped Darkness, Waterhen Back, Nephrite, Spring Leaves, Spanish Tile та Poppy Glow в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #0D1A2B на #A9C2A8 (9,14:1).

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

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

Trapped Darkness #0D1A2B
RGB
rgb(13, 26, 43)
HSL
hsl(214, 54%, 11%)
Яскравість
0,010
Waterhen Back #2F4055
RGB
rgb(47, 64, 85)
HSL
hsl(213, 29%, 26%)
Яскравість
0,049
Nephrite #6F9388
RGB
rgb(111, 147, 136)
HSL
hsl(162, 14%, 51%)
Яскравість
0,260
Spring Leaves #A9C2A8
RGB
rgb(169, 194, 168)
HSL
hsl(118, 18%, 71%)
Яскравість
0,499
Spanish Tile #742727
RGB
rgb(116, 39, 39)
HSL
hsl(0, 50%, 30%)
Яскравість
0,053
Poppy Glow #F58E4A
RGB
rgb(245, 142, 74)
HSL
hsl(24, 90%, 63%)
Яскравість
0,393

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

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

Aa #0D1A2B на #A9C2A8 9,14:1 AAA
Aa #0D1A2B на #F58E4A 7,38:1 AAA
Aa #2F4055 на #A9C2A8 5,52:1 AA
Aa #A9C2A8 на #742727 5,32:1 AA
Aa #0D1A2B на #6F9388 5,17:1 AA
Aa #2F4055 на #F58E4A 4,46:1 AA, великий текст
Aa #742727 на #F58E4A 4,29:1 AA, великий текст
Aa #2F4055 на #6F9388 3,13:1 AA, великий текст
Aa #6F9388 на #742727 3,01:1 AA, великий текст
Aa #6F9388 на #A9C2A8 1,77:1 Не проходить
Aa #0D1A2B на #742727 1,72:1 Не проходить
Aa #0D1A2B на #2F4055 1,65:1 Не проходить
Aa #6F9388 на #F58E4A 1,43:1 Не проходить
Aa #A9C2A8 на #F58E4A 1,24:1 Не проходить
Aa #2F4055 на #742727 1,04:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори