Enchanted Purple

Палітра з 12 кольорів · Холодні · Змішані · Аналогова гармонія

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

Enchanted Purple

Палітра з 12 кольорів · Холодні кольори · Змішані тони · Аналогова гармонія

Редагувати

Приглушені 12 кольорів Холодні Змішані Аналогова purple glow enchanted

Вподобання 226

Кольори 12

CSS-змінні

:root {
  --c-muted-1: #16254A;
  --c-muted-2: #3A4278;
  --c-muted-3: #4D4E8F;
  --c-muted-4: #605A9E;
  --c-muted-5: #746FB3;
  --c-muted-6: #8071B5;
  --c-muted-7: #917AC2;
  --c-muted-8: #9877C5;
  --c-muted-9: #C594E6;
  --c-muted-10: #E1A8FA;
  --c-muted-11: #F5C1FF;
  --c-muted-12: #FCCFFF;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Pink Diamond (#FCCFFF), найсвітлішого тону, до Rurikon Blue (#16254A), найтемнішого. Вона об'єднує Rurikon Blue, Little Blue Heron, Twilight, Purple Opulence, Clear Mauve, Dahlia Purple, Ube, Lilac Bush, Bright Lavender, Testosterose, Electric Lavender та Pink Diamond в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #16254A на #FCCFFF (11,1:1).

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

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

Rurikon Blue #16254A

RGB: rgb(22, 37, 74)
HSL: hsl(223, 54%, 19%)
Яскравість: 0,020

Little Blue Heron #3A4278

RGB: rgb(58, 66, 120)
HSL: hsl(232, 35%, 35%)
Яскравість: 0,062

Twilight #4D4E8F

RGB: rgb(77, 78, 143)
HSL: hsl(239, 30%, 43%)
Яскравість: 0,090

Purple Opulence #605A9E

RGB: rgb(96, 90, 158)
HSL: hsl(245, 27%, 49%)
Яскравість: 0,123

Clear Mauve #746FB3

RGB: rgb(116, 111, 179)
HSL: hsl(244, 31%, 57%)
Яскравість: 0,183

Dahlia Purple #8071B5

RGB: rgb(128, 113, 181)
HSL: hsl(253, 31%, 58%)
Яскравість: 0,197

Ube #917AC2

RGB: rgb(145, 122, 194)
HSL: hsl(259, 37%, 62%)
Яскравість: 0,238

Lilac Bush #9877C5

RGB: rgb(152, 119, 197)
HSL: hsl(265, 40%, 62%)
Яскравість: 0,239

Bright Lavender #C594E6

RGB: rgb(197, 148, 230)
HSL: hsl(276, 62%, 74%)
Яскравість: 0,388

Testosterose #E1A8FA

RGB: rgb(225, 168, 250)
HSL: hsl(282, 89%, 82%)
Яскравість: 0,509

Electric Lavender #F5C1FF

RGB: rgb(245, 193, 255)
HSL: hsl(290, 100%, 88%)
Яскравість: 0,648

Pink Diamond #FCCFFF

RGB: rgb(252, 207, 255)
HSL: hsl(296, 100%, 91%)
Яскравість: 0,725

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

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

Aa #16254A на #FCCFFF 11,10:1 AAA

Aa #16254A на #F5C1FF 9,98:1 AAA

Aa #16254A на #E1A8FA 8,00:1 AAA

Aa #3A4278 на #FCCFFF 6,95:1 AA

Aa #16254A на #C594E6 6,26:1 AA

Aa #3A4278 на #F5C1FF 6,26:1 AA

Aa #4D4E8F на #FCCFFF 5,53:1 AA

Aa #3A4278 на #E1A8FA 5,01:1 AA

Aa #4D4E8F на #F5C1FF 4,98:1 AA

Aa #605A9E на #FCCFFF 4,49:1 AA, великий текст

Aa #16254A на #9877C5 4,14:1 AA, великий текст

Aa #16254A на #917AC2 4,13:1 AA, великий текст

Aa #605A9E на #F5C1FF 4,04:1 AA, великий текст

Aa #4D4E8F на #E1A8FA 3,99:1 AA, великий текст

Aa #3A4278 на #C594E6 3,92:1 AA, великий текст

Aa #16254A на #8071B5 3,54:1 AA, великий текст

Aa #16254A на #746FB3 3,34:1 AA, великий текст

Aa #746FB3 на #FCCFFF 3,32:1 AA, великий текст

Aa #605A9E на #E1A8FA 3,24:1 AA, великий текст

Aa #8071B5 на #FCCFFF 3,13:1 AA, великий текст

Aa #4D4E8F на #C594E6 3,12:1 AA, великий текст

Aa #746FB3 на #F5C1FF 2,99:1 Не проходить

Aa #8071B5 на #F5C1FF 2,82:1 Не проходить

Aa #917AC2 на #FCCFFF 2,69:1 Не проходить

Aa #9877C5 на #FCCFFF 2,68:1 Не проходить

Aa #3A4278 на #917AC2 2,59:1 Не проходить

Aa #3A4278 на #9877C5 2,59:1 Не проходить

Aa #605A9E на #C594E6 2,53:1 Не проходить

Aa #16254A на #605A9E 2,47:1 Не проходить

Aa #917AC2 на #F5C1FF 2,42:1 Не проходить

Aa #9877C5 на #F5C1FF 2,41:1 Не проходить

Aa #746FB3 на #E1A8FA 2,40:1 Не проходить

Aa #8071B5 на #E1A8FA 2,26:1 Не проходить

Aa #3A4278 на #8071B5 2,22:1 Не проходить

Aa #3A4278 на #746FB3 2,09:1 Не проходить

Aa #4D4E8F на #917AC2 2,06:1 Не проходить

Aa #4D4E8F на #9877C5 2,06:1 Не проходить

Aa #16254A на #4D4E8F 2,00:1 Не проходить

Aa #917AC2 на #E1A8FA 1,94:1 Не проходить

Aa #9877C5 на #E1A8FA 1,93:1 Не проходить

Aa #746FB3 на #C594E6 1,88:1 Не проходить

Aa #4D4E8F на #8071B5 1,77:1 Не проходить

Aa #8071B5 на #C594E6 1,77:1 Не проходить

Aa #C594E6 на #FCCFFF 1,77:1 Не проходить

Aa #4D4E8F на #746FB3 1,67:1 Не проходить

Aa #605A9E на #917AC2 1,67:1 Не проходить

Aa #605A9E на #9877C5 1,67:1 Не проходить

Aa #16254A на #3A4278 1,60:1 Не проходить

Aa #C594E6 на #F5C1FF 1,59:1 Не проходить

Aa #3A4278 на #605A9E 1,55:1 Не проходить

Aa #917AC2 на #C594E6 1,52:1 Не проходить

Aa #9877C5 на #C594E6 1,51:1 Не проходить

Aa #605A9E на #8071B5 1,43:1 Не проходить

Aa #E1A8FA на #FCCFFF 1,39:1 Не проходить

Aa #605A9E на #746FB3 1,35:1 Не проходить

Aa #C594E6 на #E1A8FA 1,28:1 Не проходить

Aa #3A4278 на #4D4E8F 1,26:1 Не проходить

Aa #E1A8FA на #F5C1FF 1,25:1 Не проходить

Aa #746FB3 на #917AC2 1,24:1 Не проходить

Aa #746FB3 на #9877C5 1,24:1 Не проходить

Aa #4D4E8F на #605A9E 1,23:1 Не проходить

Aa #8071B5 на #917AC2 1,17:1 Не проходить

Aa #8071B5 на #9877C5 1,17:1 Не проходить

Aa #F5C1FF на #FCCFFF 1,11:1 Не проходить

Aa #746FB3 на #8071B5 1,06:1 Не проходить

Aa #917AC2 на #9877C5 1,00:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE

4 кольори

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 кольори

#1B262C #0F4C75 #3282B8 #BBE1FA

4 кольори

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 кольори

#27374D #526D82 #9DB2BF #DDE6ED

4 кольори

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 кольори

#E4F9F5 #30E3CA #11999E #40514E

4 кольори

#F0F5F9 #C9D6DF #52616B #1E2022

4 кольори

Enchanted Purple