Delicious Purple Candy

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

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

Delicious Purple Candy

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

Редагувати

Яскраві 8 кольорів Теплі Змішані Аналогова purple cool analogous

Вподобання 42

Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #07002B;
  --c-vibrant-2: #2A017B;
  --c-vibrant-3: #5D0FA2;
  --c-vibrant-4: #8F2DBC;
  --c-vibrant-5: #C659D9;
  --c-vibrant-6: #E782DE;
  --c-vibrant-7: #FFB7EE;
  --c-vibrant-8: #FFE3F4;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Bunny Tail (#FFE3F4), найсвітлішого тону, до Insomnia (#07002B), найтемнішого. Вона об'єднує Insomnia, Child of the Night, Indiviolet Sunset, Pheromone Purple, Thick Pink, Lavender Magenta, Pink Quartz та Bunny Tail в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #07002B на #FFE3F4 (16,81:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

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

Insomnia #07002B

RGB: rgb(7, 0, 43)
HSL: hsl(250, 100%, 8%)
Яскравість: 0,002

Child of the Night #2A017B

RGB: rgb(42, 1, 123)
HSL: hsl(260, 98%, 24%)
Яскравість: 0,019

Indiviolet Sunset #5D0FA2

RGB: rgb(93, 15, 162)
HSL: hsl(272, 83%, 35%)
Яскравість: 0,053

Pheromone Purple #8F2DBC

RGB: rgb(143, 45, 188)
HSL: hsl(281, 61%, 46%)
Яскравість: 0,114

Thick Pink #C659D9

RGB: rgb(198, 89, 217)
HSL: hsl(291, 63%, 60%)
Яскравість: 0,242

Lavender Magenta #E782DE

RGB: rgb(231, 130, 222)
HSL: hsl(305, 68%, 71%)
Яскравість: 0,382

Pink Quartz #FFB7EE

RGB: rgb(255, 183, 238)
HSL: hsl(314, 100%, 86%)
Яскравість: 0,613

Bunny Tail #FFE3F4

RGB: rgb(255, 227, 244)
HSL: hsl(324, 100%, 95%)
Яскравість: 0,827

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

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

Aa #07002B на #FFE3F4 16,81:1 AAA

Aa #07002B на #FFB7EE 12,70:1 AAA

Aa #2A017B на #FFE3F4 12,63:1 AAA

Aa #2A017B на #FFB7EE 9,55:1 AAA

Aa #5D0FA2 на #FFE3F4 8,54:1 AAA

Aa #07002B на #E782DE 8,28:1 AAA

Aa #5D0FA2 на #FFB7EE 6,45:1 AA

Aa #2A017B на #E782DE 6,23:1 AA

Aa #07002B на #C659D9 5,59:1 AA

Aa #8F2DBC на #FFE3F4 5,37:1 AA

Aa #5D0FA2 на #E782DE 4,21:1 AA, великий текст

Aa #2A017B на #C659D9 4,20:1 AA, великий текст

Aa #8F2DBC на #FFB7EE 4,06:1 AA, великий текст

Aa #07002B на #8F2DBC 3,13:1 AA, великий текст

Aa #C659D9 на #FFE3F4 3,01:1 AA, великий текст

Aa #5D0FA2 на #C659D9 2,84:1 Не проходить

Aa #8F2DBC на #E782DE 2,64:1 Не проходить

Aa #2A017B на #8F2DBC 2,35:1 Не проходить

Aa #C659D9 на #FFB7EE 2,27:1 Не проходить

Aa #E782DE на #FFE3F4 2,03:1 Не проходить

Aa #07002B на #5D0FA2 1,97:1 Не проходить

Aa #8F2DBC на #C659D9 1,78:1 Не проходить

Aa #5D0FA2 на #8F2DBC 1,59:1 Не проходить

Aa #E782DE на #FFB7EE 1,53:1 Не проходить

Aa #2A017B на #5D0FA2 1,48:1 Не проходить

Aa #C659D9 на #E782DE 1,48:1 Не проходить

Aa #07002B на #2A017B 1,33:1 Не проходить

Aa #FFB7EE на #FFE3F4 1,32: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 кольори

Delicious Purple Candy