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

Sunfall

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

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

Sunfall

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

Редагувати
Приглушені 10 кольорів Холодні Темні Комплементарна orange fire torch torchlight
Вподобання 92
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #000809;
  --c-muted-2: #021423;
  --c-muted-3: #09243B;
  --c-muted-4: #2A415A;
  --c-muted-5: #586279;
  --c-muted-6: #B43B28;
  --c-muted-7: #D45211;
  --c-muted-8: #FF9537;
  --c-muted-9: #FFD4A3;
  --c-muted-10: #FFECD6;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Crushed Cashew (#FFECD6), найсвітлішого тону, до Eight Ball (#000809), найтемнішого. Вона об'єднує Eight Ball, Creeping Death, Celestial Canvas, Blue Tone Ink, Nightly, Bricky Brick, Hot Bolognese, Energy Orange, Sherbet Pop та Crushed Cashew в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #000809 на #FFECD6 (17,54:1).

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

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

Eight Ball #000809
RGB
rgb(0, 8, 9)
HSL
hsl(187, 100%, 2%)
Яскравість
0,002
Creeping Death #021423
RGB
rgb(2, 20, 35)
HSL
hsl(207, 89%, 7%)
Яскравість
0,006
Celestial Canvas #09243B
RGB
rgb(9, 36, 59)
HSL
hsl(208, 74%, 13%)
Яскравість
0,016
Blue Tone Ink #2A415A
RGB
rgb(42, 65, 90)
HSL
hsl(211, 36%, 26%)
Яскравість
0,050
Nightly #586279
RGB
rgb(88, 98, 121)
HSL
hsl(222, 16%, 41%)
Яскравість
0,122
Bricky Brick #B43B28
RGB
rgb(180, 59, 40)
HSL
hsl(8, 64%, 43%)
Яскравість
0,130
Hot Bolognese #D45211
RGB
rgb(212, 82, 17)
HSL
hsl(20, 85%, 45%)
Яскравість
0,201
Energy Orange #FF9537
RGB
rgb(255, 149, 55)
HSL
hsl(28, 100%, 61%)
Яскравість
0,430
Sherbet Pop #FFD4A3
RGB
rgb(255, 212, 163)
HSL
hsl(32, 100%, 82%)
Яскравість
0,710
Crushed Cashew #FFECD6
RGB
rgb(255, 236, 214)
HSL
hsl(32, 100%, 92%)
Яскравість
0,861

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

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

Aa #000809 на #FFECD6 17,54:1 AAA
Aa #021423 на #FFECD6 16,17:1 AAA
Aa #000809 на #FFD4A3 14,63:1 AAA
Aa #09243B на #FFECD6 13,73:1 AAA
Aa #021423 на #FFD4A3 13,49:1 AAA
Aa #09243B на #FFD4A3 11,45:1 AAA
Aa #000809 на #FF9537 9,25:1 AAA
Aa #2A415A на #FFECD6 9,10:1 AAA
Aa #021423 на #FF9537 8,52:1 AAA
Aa #2A415A на #FFD4A3 7,59:1 AAA
Aa #09243B на #FF9537 7,24:1 AAA
Aa #586279 на #FFECD6 5,30:1 AA
Aa #B43B28 на #FFECD6 5,07:1 AA
Aa #000809 на #D45211 4,83:1 AA
Aa #2A415A на #FF9537 4,80:1 AA
Aa #021423 на #D45211 4,45:1 AA, великий текст
Aa #586279 на #FFD4A3 4,42:1 AA, великий текст
Aa #B43B28 на #FFD4A3 4,23:1 AA, великий текст
Aa #09243B на #D45211 3,78:1 AA, великий текст
Aa #D45211 на #FFECD6 3,63:1 AA, великий текст
Aa #000809 на #B43B28 3,46:1 AA, великий текст
Aa #000809 на #586279 3,31:1 AA, великий текст
Aa #021423 на #B43B28 3,19:1 AA, великий текст
Aa #021423 на #586279 3,05:1 AA, великий текст
Aa #D45211 на #FFD4A3 3,03:1 AA, великий текст
Aa #586279 на #FF9537 2,79:1 Не проходить
Aa #09243B на #B43B28 2,71:1 Не проходить
Aa #B43B28 на #FF9537 2,67:1 Не проходить
Aa #09243B на #586279 2,59:1 Не проходить
Aa #2A415A на #D45211 2,50:1 Не проходить
Aa #000809 на #2A415A 1,93:1 Не проходить
Aa #D45211 на #FF9537 1,92:1 Не проходить
Aa #FF9537 на #FFECD6 1,90:1 Не проходить
Aa #2A415A на #B43B28 1,80:1 Не проходить
Aa #021423 на #2A415A 1,78:1 Не проходить
Aa #2A415A на #586279 1,72:1 Не проходить
Aa #FF9537 на #FFD4A3 1,58:1 Не проходить
Aa #09243B на #2A415A 1,51:1 Не проходить
Aa #586279 на #D45211 1,46:1 Не проходить
Aa #B43B28 на #D45211 1,39:1 Не проходить
Aa #000809 на #09243B 1,28:1 Не проходить
Aa #FFD4A3 на #FFECD6 1,20:1 Не проходить
Aa #021423 на #09243B 1,18:1 Не проходить
Aa #000809 на #021423 1,08:1 Не проходить
Aa #586279 на #B43B28 1,05: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 кольори