Mandela Catalogue

Палітра з 8 кольорів · Нейтральні · Змішані · Монохромна гармонія

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

Mandela Catalogue

Палітра з 8 кольорів · Нейтральні кольори · Змішані тони · Монохромна гармонія

Редагувати

Приглушені 8 кольорів Нейтральні Змішані Монохромна vhs

Вподобання 26

Кольори 8

CSS-змінні

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #D7C8DF;
  --c-muted-3: #BAA6C3;
  --c-muted-4: #91809A;
  --c-muted-5: #594961;
  --c-muted-6: #2F2933;
  --c-muted-7: #171518;
  --c-muted-8: #000000;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує White, Watercolour Grape, Extraordinaire, Wildflower, Paparazzi, Black Safflower, Dark Void та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 13 з них, найконтрастніша — #FFFFFF на #000000 (21:1).

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

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

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Яскравість: 1,000

Watercolour Grape #D7C8DF

RGB: rgb(215, 200, 223)
HSL: hsl(279, 26%, 83%)
Яскравість: 0,611

Extraordinaire #BAA6C3

RGB: rgb(186, 166, 195)
HSL: hsl(281, 19%, 71%)
Яскравість: 0,417

Wildflower #91809A

RGB: rgb(145, 128, 154)
HSL: hsl(279, 11%, 55%)
Яскравість: 0,238

Paparazzi #594961

RGB: rgb(89, 73, 97)
HSL: hsl(280, 14%, 33%)
Яскравість: 0,078

Black Safflower #2F2933

RGB: rgb(47, 41, 51)
HSL: hsl(276, 11%, 18%)
Яскравість: 0,024

Dark Void #171518

RGB: rgb(23, 21, 24)
HSL: hsl(280, 7%, 9%)
Яскравість: 0,008

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Яскравість: 0,000

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

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

Aa #FFFFFF на #000000 21,00:1 AAA

Aa #FFFFFF на #171518 18,15:1 AAA

Aa #FFFFFF на #2F2933 14,13:1 AAA

Aa #D7C8DF на #000000 13,22:1 AAA

Aa #D7C8DF на #171518 11,42:1 AAA

Aa #BAA6C3 на #000000 9,33:1 AAA

Aa #D7C8DF на #2F2933 8,90:1 AAA

Aa #FFFFFF на #594961 8,23:1 AAA

Aa #BAA6C3 на #171518 8,07:1 AAA

Aa #BAA6C3 на #2F2933 6,28:1 AA

Aa #91809A на #000000 5,76:1 AA

Aa #D7C8DF на #594961 5,18:1 AA

Aa #91809A на #171518 4,98:1 AA

Aa #91809A на #2F2933 3,88:1 AA, великий текст

Aa #BAA6C3 на #594961 3,66:1 AA, великий текст

Aa #FFFFFF на #91809A 3,65:1 AA, великий текст

Aa #594961 на #000000 2,55:1 Не проходить

Aa #D7C8DF на #91809A 2,30:1 Не проходить

Aa #91809A на #594961 2,26:1 Не проходить

Aa #FFFFFF на #BAA6C3 2,25:1 Не проходить

Aa #594961 на #171518 2,20:1 Не проходить

Aa #594961 на #2F2933 1,72:1 Не проходить

Aa #BAA6C3 на #91809A 1,62:1 Не проходить

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

Aa #2F2933 на #000000 1,49:1 Не проходить

Aa #D7C8DF на #BAA6C3 1,42:1 Не проходить

Aa #2F2933 на #171518 1,28:1 Не проходить

Aa #171518 на #000000 1,16:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B

4 кольори

#F5F7F8 #F4CE14 #495E57 #45474B

4 кольори

#222831 #393E46 #FFD369 #EEEEEE

4 кольори

#000000 #52057B #892CDC #BC6FF1

4 кольори

#213555 #3E5879 #D8C4B6 #F5EFE7

4 кольори

#F5EFE7 #D8C4B6 #4F709C #213555

4 кольори

#191A19 #1E5128 #4E9F3D #D8E9A8

4 кольори

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 кольори

Mandela Catalogue