Реєстрація Реєстрація
Mesa Vapor

Mesa Vapor

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

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

Mesa Vapor

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

Редагувати
Землисті 7 кольорів Теплі Змішані Комплементарна green orange red cactus
Вподобання 49
Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #EEEEEE;
  --c-earthy-2: #89BABF;
  --c-earthy-3: #34402B;
  --c-earthy-4: #4B7230;
  --c-earthy-5: #3D2B2B;
  --c-earthy-6: #5D3A3A;
  --c-earthy-7: #9F5644;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Super Silver (#EEEEEE), найсвітлішого тону, до Wenge Black (#3D2B2B), найтемнішого. Вона об'єднує Super Silver, Sea Angel, Deep Seaweed, Botanical, Wenge Black, Pa Red та Ceramic Brown в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #EEEEEE на #3D2B2B (11,46:1).

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

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

Super Silver #EEEEEE
RGB
rgb(238, 238, 238)
HSL
hsl(0, 0%, 93%)
Яскравість
0,855
Sea Angel #89BABF
RGB
rgb(137, 186, 191)
HSL
hsl(186, 30%, 64%)
Яскравість
0,442
Deep Seaweed #34402B
RGB
rgb(52, 64, 43)
HSL
hsl(94, 20%, 21%)
Яскравість
0,046
Botanical #4B7230
RGB
rgb(75, 114, 48)
HSL
hsl(95, 41%, 32%)
Яскравість
0,137
Wenge Black #3D2B2B
RGB
rgb(61, 43, 43)
HSL
hsl(0, 17%, 20%)
Яскравість
0,029
Pa Red #5D3A3A
RGB
rgb(93, 58, 58)
HSL
hsl(0, 23%, 30%)
Яскравість
0,057
Ceramic Brown #9F5644
RGB
rgb(159, 86, 68)
HSL
hsl(12, 40%, 45%)
Яскравість
0,144

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

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

Aa #EEEEEE на #3D2B2B 11,46:1 AAA
Aa #EEEEEE на #34402B 9,46:1 AAA
Aa #EEEEEE на #5D3A3A 8,49:1 AAA
Aa #89BABF на #3D2B2B 6,23:1 AA
Aa #89BABF на #34402B 5,14:1 AA
Aa #EEEEEE на #4B7230 4,83:1 AA
Aa #EEEEEE на #9F5644 4,65:1 AA
Aa #89BABF на #5D3A3A 4,62:1 AA
Aa #89BABF на #4B7230 2,62:1 Не проходить
Aa #89BABF на #9F5644 2,53:1 Не проходить
Aa #3D2B2B на #9F5644 2,46:1 Не проходить
Aa #4B7230 на #3D2B2B 2,37:1 Не проходить
Aa #34402B на #9F5644 2,03:1 Не проходить
Aa #34402B на #4B7230 1,96:1 Не проходить
Aa #EEEEEE на #89BABF 1,84:1 Не проходить
Aa #5D3A3A на #9F5644 1,82:1 Не проходить
Aa #4B7230 на #5D3A3A 1,76:1 Не проходить
Aa #3D2B2B на #5D3A3A 1,35:1 Не проходить
Aa #34402B на #3D2B2B 1,21:1 Не проходить
Aa #34402B на #5D3A3A 1,11:1 Не проходить
Aa #4B7230 на #9F5644 1,04:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори