Реєстрація Реєстрація
Blue To Yellow

Blue To Yellow

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

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

Blue To Yellow

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

Редагувати
Приглушені 8 кольорів Холодні Темні Комплементарна monoramp blue yellow colorramp
Вподобання 23
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #1C325E;
  --c-muted-2: #404F59;
  --c-muted-3: #616952;
  --c-muted-4: #787B4A;
  --c-muted-5: #105060;
  --c-muted-6: #386A50;
  --c-muted-7: #608441;
  --c-muted-8: #889D31;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Vigorous Wasabi (#889D31), найсвітлішого тону, до Ending Navy Blue (#1C325E), найтемнішого. Вона об'єднує Ending Navy Blue, Presidential, Rosemary Sprig, Tara’s Drapes, Teal Dark Blue, Jungle Book Green, Shepherd’s Green та Vigorous Wasabi в один набір, який можна одразу перенести в інтерфейс. Жодна з 28 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Ending Navy Blue #1C325E
RGB
rgb(28, 50, 94)
HSL
hsl(220, 54%, 24%)
Яскравість
0,033
Presidential #404F59
RGB
rgb(64, 79, 89)
HSL
hsl(204, 16%, 30%)
Яскравість
0,074
Rosemary Sprig #616952
RGB
rgb(97, 105, 82)
HSL
hsl(81, 12%, 37%)
Яскравість
0,133
Tara’s Drapes #787B4A
RGB
rgb(120, 123, 74)
HSL
hsl(64, 25%, 39%)
Яскравість
0,187
Teal Dark Blue #105060
RGB
rgb(16, 80, 96)
HSL
hsl(192, 71%, 22%)
Яскравість
0,067
Jungle Book Green #386A50
RGB
rgb(56, 106, 80)
HSL
hsl(149, 31%, 32%)
Яскравість
0,117
Shepherd’s Green #608441
RGB
rgb(96, 132, 65)
HSL
hsl(92, 34%, 39%)
Яскравість
0,194
Vigorous Wasabi #889D31
RGB
rgb(136, 157, 49)
HSL
hsl(72, 52%, 40%)
Яскравість
0,296

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

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

Aa #1C325E на #889D31 4,15:1 AA, великий текст
Aa #105060 на #889D31 2,96:1 Не проходить
Aa #1C325E на #608441 2,92:1 Не проходить
Aa #1C325E на #787B4A 2,84:1 Не проходить
Aa #404F59 на #889D31 2,79:1 Не проходить
Aa #1C325E на #616952 2,19:1 Не проходить
Aa #105060 на #608441 2,08:1 Не проходить
Aa #386A50 на #889D31 2,07:1 Не проходить
Aa #787B4A на #105060 2,02:1 Не проходить
Aa #1C325E на #386A50 2,01:1 Не проходить
Aa #404F59 на #608441 1,96:1 Не проходить
Aa #404F59 на #787B4A 1,91:1 Не проходить
Aa #616952 на #889D31 1,89:1 Не проходить
Aa #616952 на #105060 1,56:1 Не проходить
Aa #1C325E на #404F59 1,49:1 Не проходить
Aa #404F59 на #616952 1,47:1 Не проходить
Aa #787B4A на #889D31 1,46:1 Не проходить
Aa #386A50 на #608441 1,46:1 Не проходить
Aa #105060 на #386A50 1,43:1 Не проходить
Aa #608441 на #889D31 1,42:1 Не проходить
Aa #787B4A на #386A50 1,41:1 Не проходить
Aa #1C325E на #105060 1,40:1 Не проходить
Aa #404F59 на #386A50 1,35:1 Не проходить
Aa #616952 на #608441 1,34:1 Не проходить
Aa #616952 на #787B4A 1,30:1 Не проходить
Aa #616952 на #386A50 1,09:1 Не проходить
Aa #404F59 на #105060 1,06:1 Не проходить
Aa #787B4A на #608441 1,03:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори