Реєстрація Реєстрація
Палітра «Winter Duvet» з 4 кольорів

Палітра «Winter Duvet» з 4 кольорів

Палітра з 4 кольорів · Холодні · Світлі · Розщеплено-комплементарна гармонія

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

Палітра «Winter Duvet» з 4 кольорів

Палітра з 4 кольорів · Холодні кольори · Світлі тони · Розщеплено-комплементарна гармонія

Редагувати
Пастельні 4 кольори Холодні Світлі Розщеплено-комплементарна
Вподобання 3 615
Кольори 4

CSS-змінні

:root {
  --c-pastel-1: #FEFFDF;
  --c-pastel-2: #DDE0AB;
  --c-pastel-3: #97CBA9;
  --c-pastel-4: #668BA4;
}

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

Ця пастельна палітра з 4 кольорів охоплює діапазон від Winter Duvet (#FEFFDF), найсвітлішого тону, до Sporty Blue (#668BA4), найтемнішого. Вона об'єднує Winter Duvet, Cocktail Onion, Heath Green та Sporty Blue в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

М'які, малонасичені тони — ідеальні для весільних сайтів, дитячих брендів, ніжних hero-секцій і редакційних макетів із великою кількістю повітря.

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

Winter Duvet #FEFFDF
RGB
rgb(254, 255, 223)
HSL
hsl(62, 100%, 94%)
Яскравість
0,979
Cocktail Onion #DDE0AB
RGB
rgb(221, 224, 171)
HSL
hsl(63, 46%, 77%)
Яскравість
0,716
Heath Green #97CBA9
RGB
rgb(151, 203, 169)
HSL
hsl(141, 33%, 69%)
Яскравість
0,522
Sporty Blue #668BA4
RGB
rgb(102, 139, 164)
HSL
hsl(204, 25%, 52%)
Яскравість
0,240

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

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

Aa #FEFFDF на #668BA4 3,55:1 AA, великий текст
Aa #DDE0AB на #668BA4 2,64:1 Не проходить
Aa #97CBA9 на #668BA4 1,97:1 Не проходить
Aa #FEFFDF на #97CBA9 1,80:1 Не проходить
Aa #FEFFDF на #DDE0AB 1,34:1 Не проходить
Aa #DDE0AB на #97CBA9 1,34: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 кольори