Реєстрація Реєстрація
Grayfruit8

Grayfruit8

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

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

Grayfruit8

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

Редагувати
Приглушені 8 кольорів Холодні Змішані Комплементарна green pink purple 3bit
Вподобання 194
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #FFFFFF;
  --c-muted-3: #623EA2;
  --c-muted-4: #2E1F49;
  --c-muted-5: #2EFF6C;
  --c-muted-6: #1D775D;
  --c-muted-7: #E53AFF;
  --c-muted-8: #9B20B7;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, White, Poppy Pompadour, Elderberry, Synthetic Spearmint, Verdant Green, Epink та Pink Spyro в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Poppy Pompadour #623EA2
RGB
rgb(98, 62, 162)
HSL
hsl(262, 45%, 44%)
Яскравість
0,087
Elderberry #2E1F49
RGB
rgb(46, 31, 73)
HSL
hsl(261, 40%, 20%)
Яскравість
0,020
Synthetic Spearmint #2EFF6C
RGB
rgb(46, 255, 108)
HSL
hsl(138, 100%, 59%)
Яскравість
0,732
Verdant Green #1D775D
RGB
rgb(29, 119, 93)
HSL
hsl(163, 61%, 29%)
Яскравість
0,143
Epink #E53AFF
RGB
rgb(229, 58, 255)
HSL
hsl(292, 100%, 61%)
Яскравість
0,269
Pink Spyro #9B20B7
RGB
rgb(155, 32, 183)
HSL
hsl(289, 70%, 42%)
Яскравість
0,114

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #000000 на #2EFF6C 15,64:1 AAA
Aa #FFFFFF на #2E1F49 14,91:1 AAA
Aa #2E1F49 на #2EFF6C 11,10:1 AAA
Aa #FFFFFF на #623EA2 7,69:1 AAA
Aa #FFFFFF на #9B20B7 6,39:1 AA
Aa #000000 на #E53AFF 6,38:1 AA
Aa #623EA2 на #2EFF6C 5,73:1 AA
Aa #FFFFFF на #1D775D 5,46:1 AA
Aa #2EFF6C на #9B20B7 4,76:1 AA
Aa #2E1F49 на #E53AFF 4,53:1 AA
Aa #2EFF6C на #1D775D 4,06:1 AA, великий текст
Aa #000000 на #1D775D 3,85:1 AA, великий текст
Aa #FFFFFF на #E53AFF 3,29:1 AA, великий текст
Aa #000000 на #9B20B7 3,28:1 AA, великий текст
Aa #000000 на #623EA2 2,73:1 Не проходить
Aa #2E1F49 на #1D775D 2,73:1 Не проходить
Aa #2EFF6C на #E53AFF 2,45:1 Не проходить
Aa #623EA2 на #E53AFF 2,34:1 Не проходить
Aa #2E1F49 на #9B20B7 2,33:1 Не проходить
Aa #623EA2 на #2E1F49 1,94:1 Не проходить
Aa #E53AFF на #9B20B7 1,94:1 Не проходить
Aa #1D775D на #E53AFF 1,66:1 Не проходить
Aa #000000 на #2E1F49 1,41:1 Не проходить
Aa #623EA2 на #1D775D 1,41:1 Не проходить
Aa #FFFFFF на #2EFF6C 1,34:1 Не проходить
Aa #623EA2 на #9B20B7 1,20:1 Не проходить
Aa #1D775D на #9B20B7 1,17: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 кольори