Реєстрація Реєстрація
Bus Seat Patterns

Bus Seat Patterns

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

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

Bus Seat Patterns

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

Редагувати
Приглушені 9 кольорів Холодні Змішані Комплементарна pixelart pink blue yellow
Вподобання 27
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #84BBC0;
  --c-muted-2: #305AB1;
  --c-muted-3: #1E1B1E;
  --c-muted-4: #35334B;
  --c-muted-5: #919191;
  --c-muted-6: #C8C8C8;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #EBCD63;
  --c-muted-9: #DF5AB1;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Dynamic Black (#1E1B1E), найтемнішого. Вона об'єднує Misty Cold Sea, Blasphemous Blue, Dynamic Black, Chrysomela Goettingensis, Tin, Brushed Metal, White, Grand Casino Gold та Orion в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #1E1B1E на #FFFFFF (17,06:1).

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

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

Misty Cold Sea #84BBC0
RGB
rgb(132, 187, 192)
HSL
hsl(185, 32%, 64%)
Яскравість
0,443
Blasphemous Blue #305AB1
RGB
rgb(48, 90, 177)
HSL
hsl(220, 57%, 44%)
Яскравість
0,111
Dynamic Black #1E1B1E
RGB
rgb(30, 27, 30)
HSL
hsl(300, 5%, 11%)
Яскравість
0,012
Chrysomela Goettingensis #35334B
RGB
rgb(53, 51, 75)
HSL
hsl(245, 19%, 25%)
Яскравість
0,036
Tin #919191
RGB
rgb(145, 145, 145)
HSL
hsl(0, 0%, 57%)
Яскравість
0,283
Brushed Metal #C8C8C8
RGB
rgb(200, 200, 200)
HSL
hsl(0, 0%, 78%)
Яскравість
0,578
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Grand Casino Gold #EBCD63
RGB
rgb(235, 205, 99)
HSL
hsl(47, 77%, 65%)
Яскравість
0,622
Orion #DF5AB1
RGB
rgb(223, 90, 177)
HSL
hsl(321, 68%, 61%)
Яскравість
0,262

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

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

Aa #1E1B1E на #FFFFFF 17,06:1 AAA
Aa #35334B на #FFFFFF 12,16:1 AAA
Aa #1E1B1E на #EBCD63 10,92:1 AAA
Aa #1E1B1E на #C8C8C8 10,20:1 AAA
Aa #84BBC0 на #1E1B1E 8,00:1 AAA
Aa #35334B на #EBCD63 7,79:1 AAA
Aa #35334B на #C8C8C8 7,27:1 AAA
Aa #305AB1 на #FFFFFF 6,52:1 AA
Aa #84BBC0 на #35334B 5,71:1 AA
Aa #1E1B1E на #919191 5,41:1 AA
Aa #1E1B1E на #DF5AB1 5,07:1 AA
Aa #305AB1 на #EBCD63 4,17:1 AA, великий текст
Aa #305AB1 на #C8C8C8 3,89:1 AA, великий текст
Aa #35334B на #919191 3,86:1 AA, великий текст
Aa #35334B на #DF5AB1 3,61:1 AA, великий текст
Aa #FFFFFF на #DF5AB1 3,37:1 AA, великий текст
Aa #919191 на #FFFFFF 3,15:1 AA, великий текст
Aa #84BBC0 на #305AB1 3,06:1 AA, великий текст
Aa #305AB1 на #1E1B1E 2,62:1 Не проходить
Aa #EBCD63 на #DF5AB1 2,16:1 Не проходить
Aa #84BBC0 на #FFFFFF 2,13:1 Не проходить
Aa #305AB1 на #919191 2,07:1 Не проходить
Aa #919191 на #EBCD63 2,02:1 Не проходить
Aa #C8C8C8 на #DF5AB1 2,01:1 Не проходить
Aa #305AB1 на #DF5AB1 1,93:1 Не проходить
Aa #919191 на #C8C8C8 1,88:1 Не проходить
Aa #305AB1 на #35334B 1,87:1 Не проходить
Aa #C8C8C8 на #FFFFFF 1,67:1 Не проходить
Aa #84BBC0 на #DF5AB1 1,58:1 Не проходить
Aa #FFFFFF на #EBCD63 1,56:1 Не проходить
Aa #84BBC0 на #919191 1,48:1 Не проходить
Aa #1E1B1E на #35334B 1,40:1 Не проходить
Aa #84BBC0 на #EBCD63 1,36:1 Не проходить
Aa #84BBC0 на #C8C8C8 1,27:1 Не проходить
Aa #919191 на #DF5AB1 1,07:1 Не проходить
Aa #C8C8C8 на #EBCD63 1,07: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 кольори