Реєстрація Реєстрація
Blue Anemone

Blue Anemone

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

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

Blue Anemone

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

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

CSS-змінні

:root {
  --c-muted-1: #0000FF;
  --c-muted-2: #17008A;
  --c-muted-3: #11003D;
  --c-muted-4: #000000;
  --c-muted-5: #FFFFFF;
  --c-muted-6: #B8B887;
  --c-muted-7: #696341;
}

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

Ця приглушена палітра з 7 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Blue, Orbital Kingdom, Congressional Navy, Black, White, Aloe Plant та Ocean Weed в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Blue #0000FF
RGB
rgb(0, 0, 255)
HSL
hsl(240, 100%, 50%)
Яскравість
0,072
Orbital Kingdom #17008A
RGB
rgb(23, 0, 138)
HSL
hsl(250, 100%, 27%)
Яскравість
0,020
Congressional Navy #11003D
RGB
rgb(17, 0, 61)
HSL
hsl(257, 100%, 12%)
Яскравість
0,005
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
Aloe Plant #B8B887
RGB
rgb(184, 184, 135)
HSL
hsl(60, 26%, 63%)
Яскравість
0,462
Ocean Weed #696341
RGB
rgb(105, 99, 65)
HSL
hsl(51, 24%, 33%)
Яскравість
0,123

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #11003D на #FFFFFF 19,24:1 AAA
Aa #17008A на #FFFFFF 14,96:1 AAA
Aa #000000 на #B8B887 10,24:1 AAA
Aa #11003D на #B8B887 9,39:1 AAA
Aa #0000FF на #FFFFFF 8,59:1 AAA
Aa #17008A на #B8B887 7,30:1 AAA
Aa #FFFFFF на #696341 6,07:1 AA
Aa #0000FF на #B8B887 4,19:1 AA, великий текст
Aa #000000 на #696341 3,46:1 AA, великий текст
Aa #11003D на #696341 3,17:1 AA, великий текст
Aa #B8B887 на #696341 2,96:1 Не проходить
Aa #17008A на #696341 2,47:1 Не проходить
Aa #0000FF на #000000 2,44:1 Не проходить
Aa #0000FF на #11003D 2,24:1 Не проходить
Aa #FFFFFF на #B8B887 2,05:1 Не проходить
Aa #0000FF на #17008A 1,74:1 Не проходить
Aa #0000FF на #696341 1,42:1 Не проходить
Aa #17008A на #000000 1,40:1 Не проходить
Aa #17008A на #11003D 1,29:1 Не проходить
Aa #11003D на #000000 1,09: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 кольори