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

SweetHope

Палітра з 8 кольорів · Холодні · Світлі · Комплементарна гармонія

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

SweetHope

Палітра з 8 кольорів · Холодні кольори · Світлі тони · Комплементарна гармонія

Редагувати
Землисті 8 кольорів Холодні Світлі Комплементарна artist pastel 8 saturated
Вподобання 382
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #615E85;
  --c-earthy-2: #9C8DC2;
  --c-earthy-3: #D9A3CD;
  --c-earthy-4: #EBC3A7;
  --c-earthy-5: #E0E0DC;
  --c-earthy-6: #A3D1AF;
  --c-earthy-7: #90B4DE;
  --c-earthy-8: #717FB0;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від City Brume (#E0E0DC), найсвітлішого тону, до Purple Balloon (#615E85), найтемнішого. Вона об'єднує Purple Balloon, Hermosa, Chateau Rose, Alesan, City Brume, Merrylyn, Echo Isles Water та Venture Violet в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #615E85 на #E0E0DC (4,6:1).

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

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

Purple Balloon #615E85
RGB
rgb(97, 94, 133)
HSL
hsl(245, 17%, 45%)
Яскравість
0,122
Hermosa #9C8DC2
RGB
rgb(156, 141, 194)
HSL
hsl(257, 30%, 66%)
Яскравість
0,300
Chateau Rose #D9A3CD
RGB
rgb(217, 163, 205)
HSL
hsl(313, 42%, 75%)
Яскравість
0,454
Alesan #EBC3A7
RGB
rgb(235, 195, 167)
HSL
hsl(25, 63%, 79%)
Яскравість
0,595
City Brume #E0E0DC
RGB
rgb(224, 224, 220)
HSL
hsl(60, 6%, 87%)
Яскравість
0,743
Merrylyn #A3D1AF
RGB
rgb(163, 209, 175)
HSL
hsl(136, 33%, 73%)
Яскравість
0,565
Echo Isles Water #90B4DE
RGB
rgb(144, 180, 222)
HSL
hsl(212, 54%, 72%)
Яскравість
0,439
Venture Violet #717FB0
RGB
rgb(113, 127, 176)
HSL
hsl(227, 29%, 57%)
Яскравість
0,218

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

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

Aa #615E85 на #E0E0DC 4,60:1 AA
Aa #615E85 на #EBC3A7 3,74:1 AA, великий текст
Aa #615E85 на #A3D1AF 3,57:1 AA, великий текст
Aa #E0E0DC на #717FB0 2,96:1 Не проходить
Aa #615E85 на #D9A3CD 2,92:1 Не проходить
Aa #615E85 на #90B4DE 2,83:1 Не проходить
Aa #EBC3A7 на #717FB0 2,40:1 Не проходить
Aa #A3D1AF на #717FB0 2,29:1 Не проходить
Aa #9C8DC2 на #E0E0DC 2,27:1 Не проходить
Aa #615E85 на #9C8DC2 2,03:1 Не проходить
Aa #D9A3CD на #717FB0 1,88:1 Не проходить
Aa #9C8DC2 на #EBC3A7 1,84:1 Не проходить
Aa #90B4DE на #717FB0 1,82:1 Не проходить
Aa #9C8DC2 на #A3D1AF 1,76:1 Не проходить
Aa #E0E0DC на #90B4DE 1,62:1 Не проходить
Aa #D9A3CD на #E0E0DC 1,58:1 Не проходить
Aa #615E85 на #717FB0 1,56:1 Не проходить
Aa #9C8DC2 на #D9A3CD 1,44:1 Не проходить
Aa #9C8DC2 на #90B4DE 1,40:1 Не проходить
Aa #EBC3A7 на #90B4DE 1,32:1 Не проходить
Aa #9C8DC2 на #717FB0 1,31:1 Не проходить
Aa #E0E0DC на #A3D1AF 1,29:1 Не проходить
Aa #D9A3CD на #EBC3A7 1,28:1 Не проходить
Aa #A3D1AF на #90B4DE 1,26:1 Не проходить
Aa #EBC3A7 на #E0E0DC 1,23:1 Не проходить
Aa #D9A3CD на #A3D1AF 1,22:1 Не проходить
Aa #EBC3A7 на #A3D1AF 1,05:1 Не проходить
Aa #D9A3CD на #90B4DE 1,03:1 Не проходить

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

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 кольори
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 кольори
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 кольори
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 кольори
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 кольори
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 кольори
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 кольори
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 кольори