Реєстрація Реєстрація
Sunset Mk. III

Sunset Mk. III

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

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

Sunset Mk. III

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

Редагувати
Пастельні 8 кольорів Нейтральні Світлі Тріадна night pastel sunset moon
Вподобання 85
Кольори 8

CSS-змінні

:root {
  --c-pastel-1: #F6C9D2;
  --c-pastel-2: #F5BAD9;
  --c-pastel-3: #F5B0EC;
  --c-pastel-4: #DAAAE4;
  --c-pastel-5: #BFA4DC;
  --c-pastel-6: #A49DD4;
  --c-pastel-7: #848FDB;
  --c-pastel-8: #708BD4;
}

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

Ця пастельна палітра з 8 кольорів охоплює діапазон від Mountain Laurel (#F6C9D2), найсвітлішого тону, до Organza Violet (#708BD4), найтемнішого. Вона об'єднує Mountain Laurel, Manga Pink, Pinky Swear, Barely Bloomed, Enchanted Lavender, Simply Violet, Mystic Iris та Organza Violet в один набір, який можна одразу перенести в інтерфейс. Жодна з 28 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Mountain Laurel #F6C9D2
RGB
rgb(246, 201, 210)
HSL
hsl(348, 71%, 88%)
Яскравість
0,660
Manga Pink #F5BAD9
RGB
rgb(245, 186, 217)
HSL
hsl(328, 75%, 85%)
Яскравість
0,595
Pinky Swear #F5B0EC
RGB
rgb(245, 176, 236)
HSL
hsl(308, 78%, 83%)
Яскравість
0,565
Barely Bloomed #DAAAE4
RGB
rgb(218, 170, 228)
HSL
hsl(290, 52%, 78%)
Яскравість
0,493
Enchanted Lavender #BFA4DC
RGB
rgb(191, 164, 220)
HSL
hsl(269, 44%, 75%)
Яскравість
0,428
Simply Violet #A49DD4
RGB
rgb(164, 157, 212)
HSL
hsl(248, 39%, 72%)
Яскравість
0,368
Mystic Iris #848FDB
RGB
rgb(132, 143, 219)
HSL
hsl(232, 55%, 69%)
Яскравість
0,297
Organza Violet #708BD4
RGB
rgb(112, 139, 212)
HSL
hsl(224, 54%, 64%)
Яскравість
0,267

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

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

Aa #F6C9D2 на #708BD4 2,24:1 Не проходить
Aa #F6C9D2 на #848FDB 2,05:1 Не проходить
Aa #F5BAD9 на #708BD4 2,04:1 Не проходить
Aa #F5B0EC на #708BD4 1,94:1 Не проходить
Aa #F5BAD9 на #848FDB 1,86:1 Не проходить
Aa #F5B0EC на #848FDB 1,77:1 Не проходить
Aa #DAAAE4 на #708BD4 1,71:1 Не проходить
Aa #F6C9D2 на #A49DD4 1,70:1 Не проходить
Aa #DAAAE4 на #848FDB 1,57:1 Не проходить
Aa #F5BAD9 на #A49DD4 1,55:1 Не проходить
Aa #BFA4DC на #708BD4 1,51:1 Не проходить
Aa #F6C9D2 на #BFA4DC 1,49:1 Не проходить
Aa #F5B0EC на #A49DD4 1,47:1 Не проходить
Aa #BFA4DC на #848FDB 1,38:1 Не проходить
Aa #F5BAD9 на #BFA4DC 1,35:1 Не проходить
Aa #A49DD4 на #708BD4 1,32:1 Не проходить
Aa #F6C9D2 на #DAAAE4 1,31:1 Не проходить
Aa #DAAAE4 на #A49DD4 1,30:1 Не проходить
Aa #F5B0EC на #BFA4DC 1,29:1 Не проходить
Aa #A49DD4 на #848FDB 1,20:1 Не проходить
Aa #F5BAD9 на #DAAAE4 1,19:1 Не проходить
Aa #F6C9D2 на #F5B0EC 1,15:1 Не проходить
Aa #DAAAE4 на #BFA4DC 1,14:1 Не проходить
Aa #BFA4DC на #A49DD4 1,14:1 Не проходить
Aa #F5B0EC на #DAAAE4 1,13:1 Не проходить
Aa #F6C9D2 на #F5BAD9 1,10:1 Не проходить
Aa #848FDB на #708BD4 1,09:1 Не проходить
Aa #F5BAD9 на #F5B0EC 1,05:1 Не проходить

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

#FFB6B9 #FAE3D9 #BBDED6 #61C0BF
4 кольори
#FCD1D1 #ECE2E1 #D3E0DC #AEE1E1
4 кольори
#FFE6E6 #F2D1D1 #DAEAF1 #C6DCE4
4 кольори
#F5EFE6 #E8DFCA #AEBDCA #7895B2
4 кольори
#96B6C5 #ADC4CE #EEE0C9 #F1F0E8
4 кольори
#FEFFDE #DDFFBC #91C788 #52734D
4 кольори
#A0C49D #C4D7B2 #E1ECC8 #F7FFE5
4 кольори
#618264 #79AC78 #B0D9B1 #D0E7D2
4 кольори