Реєстрація Реєстрація
Sneaky 12

Sneaky 12

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

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

Sneaky 12

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

Редагувати
Приглушені 12 кольорів Холодні Змішані Комплементарна limited rhythmheaven
Вподобання 15
Кольори 12

CSS-змінні

:root {
  --c-muted-1: #160D1C;
  --c-muted-2: #312649;
  --c-muted-3: #504F74;
  --c-muted-4: #78859A;
  --c-muted-5: #B3D1D4;
  --c-muted-6: #CBD9D9;
  --c-muted-7: #F9F9E3;
  --c-muted-8: #F7E49B;
  --c-muted-9: #C79F72;
  --c-muted-10: #8E5E5E;
  --c-muted-11: #584545;
  --c-muted-12: #382B2B;
}

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

Ця приглушена палітра з 12 кольорів охоплює діапазон від Coconut Pulp (#F9F9E3), найсвітлішого тону, до Shot in the Dark (#160D1C), найтемнішого. Вона об'єднує Shot in the Dark, Blackberry Black, Skipper Blue, Tempest, Hatchling Blue, Raffia Light Grey, Coconut Pulp, Storm Lightning, Gingersnap, Antique Garnet, Mahogany Spice та Ganache в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 25 з них, найконтрастніша — #160D1C на #F9F9E3 (17,76:1).

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

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

Shot in the Dark #160D1C
RGB
rgb(22, 13, 28)
HSL
hsl(276, 37%, 8%)
Яскравість
0,005
Blackberry Black #312649
RGB
rgb(49, 38, 73)
HSL
hsl(259, 32%, 22%)
Яскравість
0,025
Skipper Blue #504F74
RGB
rgb(80, 79, 116)
HSL
hsl(242, 19%, 38%)
Яскравість
0,086
Tempest #78859A
RGB
rgb(120, 133, 154)
HSL
hsl(217, 14%, 54%)
Яскравість
0,231
Hatchling Blue #B3D1D4
RGB
rgb(179, 209, 212)
HSL
hsl(185, 28%, 77%)
Яскравість
0,599
Raffia Light Grey #CBD9D9
RGB
rgb(203, 217, 217)
HSL
hsl(180, 16%, 82%)
Яскравість
0,673
Coconut Pulp #F9F9E3
RGB
rgb(249, 249, 227)
HSL
hsl(60, 65%, 93%)
Яскравість
0,934
Storm Lightning #F7E49B
RGB
rgb(247, 228, 155)
HSL
hsl(48, 85%, 79%)
Яскравість
0,776
Gingersnap #C79F72
RGB
rgb(199, 159, 114)
HSL
hsl(32, 43%, 61%)
Яскравість
0,382
Antique Garnet #8E5E5E
RGB
rgb(142, 94, 94)
HSL
hsl(0, 20%, 46%)
Яскравість
0,146
Mahogany Spice #584545
RGB
rgb(88, 69, 69)
HSL
hsl(0, 12%, 31%)
Яскравість
0,068
Ganache #382B2B
RGB
rgb(56, 43, 43)
HSL
hsl(0, 13%, 19%)
Яскравість
0,027

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

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

Aa #160D1C на #F9F9E3 17,76:1 AAA
Aa #160D1C на #F7E49B 14,91:1 AAA
Aa #312649 на #F9F9E3 13,09:1 AAA
Aa #160D1C на #CBD9D9 13,05:1 AAA
Aa #F9F9E3 на #382B2B 12,71:1 AAA
Aa #160D1C на #B3D1D4 11,72:1 AAA
Aa #312649 на #F7E49B 10,99:1 AAA
Aa #F7E49B на #382B2B 10,67:1 AAA
Aa #312649 на #CBD9D9 9,62:1 AAA
Aa #CBD9D9 на #382B2B 9,34:1 AAA
Aa #312649 на #B3D1D4 8,64:1 AAA
Aa #B3D1D4 на #382B2B 8,39:1 AAA
Aa #F9F9E3 на #584545 8,37:1 AAA
Aa #160D1C на #C79F72 7,79:1 AAA
Aa #504F74 на #F9F9E3 7,26:1 AAA
Aa #F7E49B на #584545 7,03:1 AAA
Aa #CBD9D9 на #584545 6,15:1 AA
Aa #504F74 на #F7E49B 6,09:1 AA
Aa #312649 на #C79F72 5,74:1 AA
Aa #C79F72 на #382B2B 5,57:1 AA
Aa #B3D1D4 на #584545 5,52:1 AA
Aa #504F74 на #CBD9D9 5,33:1 AA
Aa #160D1C на #78859A 5,07:1 AA
Aa #F9F9E3 на #8E5E5E 5,03:1 AA
Aa #504F74 на #B3D1D4 4,79:1 AA
Aa #F7E49B на #8E5E5E 4,22:1 AA, великий текст
Aa #312649 на #78859A 3,74:1 AA, великий текст
Aa #CBD9D9 на #8E5E5E 3,70:1 AA, великий текст
Aa #C79F72 на #584545 3,67:1 AA, великий текст
Aa #78859A на #382B2B 3,63:1 AA, великий текст
Aa #160D1C на #8E5E5E 3,53:1 AA, великий текст
Aa #78859A на #F9F9E3 3,50:1 AA, великий текст
Aa #B3D1D4 на #8E5E5E 3,32:1 AA, великий текст
Aa #504F74 на #C79F72 3,18:1 AA, великий текст
Aa #78859A на #F7E49B 2,94:1 Не проходить
Aa #312649 на #8E5E5E 2,60:1 Не проходить
Aa #78859A на #CBD9D9 2,57:1 Не проходить
Aa #8E5E5E на #382B2B 2,53:1 Не проходить
Aa #160D1C на #504F74 2,45:1 Не проходить
Aa #78859A на #584545 2,39:1 Не проходить
Aa #78859A на #B3D1D4 2,31:1 Не проходить
Aa #F9F9E3 на #C79F72 2,28:1 Не проходить
Aa #C79F72 на #8E5E5E 2,21:1 Не проходить
Aa #160D1C на #584545 2,12:1 Не проходить
Aa #504F74 на #78859A 2,07:1 Не проходить
Aa #F7E49B на #C79F72 1,91:1 Не проходить
Aa #312649 на #504F74 1,80:1 Не проходить
Aa #504F74 на #382B2B 1,75:1 Не проходить
Aa #CBD9D9 на #C79F72 1,68:1 Не проходить
Aa #8E5E5E на #584545 1,66:1 Не проходить
Aa #312649 на #584545 1,56:1 Не проходить
Aa #78859A на #C79F72 1,54:1 Не проходить
Aa #B3D1D4 на #F9F9E3 1,52:1 Не проходить
Aa #584545 на #382B2B 1,52:1 Не проходить
Aa #B3D1D4 на #C79F72 1,50:1 Не проходить
Aa #504F74 на #8E5E5E 1,44:1 Не проходить
Aa #78859A на #8E5E5E 1,44:1 Не проходить
Aa #160D1C на #382B2B 1,40:1 Не проходить
Aa #160D1C на #312649 1,36:1 Не проходить
Aa #CBD9D9 на #F9F9E3 1,36:1 Не проходить
Aa #B3D1D4 на #F7E49B 1,27:1 Не проходить
Aa #F9F9E3 на #F7E49B 1,19:1 Не проходить
Aa #504F74 на #584545 1,15:1 Не проходить
Aa #CBD9D9 на #F7E49B 1,14:1 Не проходить
Aa #B3D1D4 на #CBD9D9 1,11:1 Не проходить
Aa #312649 на #382B2B 1,03: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 кольори