Реєстрація Реєстрація
Couleurs De Bebe

Couleurs De Bebe

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

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

Couleurs De Bebe

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

Редагувати
Пастельні 9 кольорів Теплі Світлі Комплементарна light
Вподобання 17
Кольори 9

CSS-змінні

:root {
  --c-pastel-1: #E9E0E0;
  --c-pastel-2: #FF94F9;
  --c-pastel-3: #F9FF94;
  --c-pastel-4: #94F9FF;
  --c-pastel-5: #94FF94;
  --c-pastel-6: #9494FF;
  --c-pastel-7: #FF9494;
  --c-pastel-8: #E894FF;
  --c-pastel-9: #AAFFC3;
}

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

Ця пастельна палітра з 9 кольорів охоплює діапазон від Pastel Yellow (#F9FF94), найсвітлішого тону, до Cobalite (#9494FF), найтемнішого. Вона об'єднує Milk and Cookies, Pinkalicious, Pastel Yellow, Eternal Winter, Cobalt Green, Cobalite, Cherished One, Party Pig та Neo Mint в один набір, який можна одразу перенести в інтерфейс. Жодна з 36 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Milk and Cookies #E9E0E0
RGB
rgb(233, 224, 224)
HSL
hsl(0, 17%, 90%)
Яскравість
0,760
Pinkalicious #FF94F9
RGB
rgb(255, 148, 249)
HSL
hsl(303, 100%, 79%)
Яскравість
0,493
Pastel Yellow #F9FF94
RGB
rgb(249, 255, 148)
HSL
hsl(63, 100%, 79%)
Яскравість
0,938
Eternal Winter #94F9FF
RGB
rgb(148, 249, 255)
HSL
hsl(183, 100%, 79%)
Яскравість
0,813
Cobalt Green #94FF94
RGB
rgb(148, 255, 148)
HSL
hsl(120, 100%, 79%)
Яскравість
0,800
Cobalite #9494FF
RGB
rgb(148, 148, 255)
HSL
hsl(240, 100%, 79%)
Яскравість
0,347
Cherished One #FF9494
RGB
rgb(255, 148, 148)
HSL
hsl(0, 100%, 79%)
Яскравість
0,446
Party Pig #E894FF
RGB
rgb(232, 148, 255)
HSL
hsl(287, 100%, 79%)
Яскравість
0,456
Neo Mint #AAFFC3
RGB
rgb(170, 255, 195)
HSL
hsl(138, 100%, 83%)
Яскравість
0,840

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

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

Aa #F9FF94 на #9494FF 2,49:1 Не проходить
Aa #9494FF на #AAFFC3 2,24:1 Не проходить
Aa #94F9FF на #9494FF 2,17:1 Не проходить
Aa #94FF94 на #9494FF 2,14:1 Не проходить
Aa #E9E0E0 на #9494FF 2,04:1 Не проходить
Aa #F9FF94 на #FF9494 1,99:1 Не проходить
Aa #F9FF94 на #E894FF 1,95:1 Не проходить
Aa #FF94F9 на #F9FF94 1,82:1 Не проходить
Aa #FF9494 на #AAFFC3 1,80:1 Не проходить
Aa #E894FF на #AAFFC3 1,76:1 Не проходить
Aa #94F9FF на #FF9494 1,74:1 Не проходить
Aa #94F9FF на #E894FF 1,71:1 Не проходить
Aa #94FF94 на #FF9494 1,71:1 Не проходить
Aa #94FF94 на #E894FF 1,68:1 Не проходить
Aa #FF94F9 на #AAFFC3 1,64:1 Не проходить
Aa #E9E0E0 на #FF9494 1,63:1 Не проходить
Aa #E9E0E0 на #E894FF 1,60:1 Не проходить
Aa #FF94F9 на #94F9FF 1,59:1 Не проходить
Aa #FF94F9 на #94FF94 1,57:1 Не проходить
Aa #E9E0E0 на #FF94F9 1,49:1 Не проходить
Aa #FF94F9 на #9494FF 1,37:1 Не проходить
Aa #9494FF на #E894FF 1,27:1 Не проходить
Aa #9494FF на #FF9494 1,25:1 Не проходить
Aa #E9E0E0 на #F9FF94 1,22:1 Не проходить
Aa #F9FF94 на #94FF94 1,16:1 Не проходить
Aa #F9FF94 на #94F9FF 1,15:1 Не проходить
Aa #F9FF94 на #AAFFC3 1,11:1 Не проходить
Aa #E9E0E0 на #AAFFC3 1,10:1 Не проходить
Aa #FF94F9 на #FF9494 1,09:1 Не проходить
Aa #FF94F9 на #E894FF 1,07:1 Не проходить
Aa #E9E0E0 на #94F9FF 1,06:1 Не проходить
Aa #E9E0E0 на #94FF94 1,05:1 Не проходить
Aa #94FF94 на #AAFFC3 1,05:1 Не проходить
Aa #94F9FF на #AAFFC3 1,03:1 Не проходить
Aa #94F9FF на #94FF94 1,02:1 Не проходить
Aa #FF9494 на #E894FF 1,02:1 Не проходить

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

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 кольори
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 кольори
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 кольори
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 кольори
#F38181 #FCE38A #EAFFD0 #95E1D3
4 кольори
#B7C4CF #EEE3CB #D7C0AE #967E76
4 кольори
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 кольори
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 кольори