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

GODBLOOD8

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

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

GODBLOOD8

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

Редагувати
Яскраві 8 кольорів Холодні Змішані Тріадна green blue hueshift godblood
Вподобання 53
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #000511;
  --c-vibrant-2: #051233;
  --c-vibrant-3: #122A5E;
  --c-vibrant-4: #15526B;
  --c-vibrant-5: #227A7A;
  --c-vibrant-6: #38BA8B;
  --c-vibrant-7: #55FF79;
  --c-vibrant-8: #C5FF8C;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Light Yellowish Green (#C5FF8C), найсвітлішого тону, до Broken Tube (#000511), найтемнішого. Вона об'єднує Broken Tube, Squid’s Ink, Schiava Blue, Corsair, Elm, Aztec Jade, Experimintal Green та Light Yellowish Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #000511 на #C5FF8C (17,53:1).

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

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

Broken Tube #000511
RGB
rgb(0, 5, 17)
HSL
hsl(222, 100%, 3%)
Яскравість
0,002
Squid’s Ink #051233
RGB
rgb(5, 18, 51)
HSL
hsl(223, 82%, 11%)
Яскравість
0,007
Schiava Blue #122A5E
RGB
rgb(18, 42, 94)
HSL
hsl(221, 68%, 22%)
Яскравість
0,026
Corsair #15526B
RGB
rgb(21, 82, 107)
HSL
hsl(197, 67%, 25%)
Яскравість
0,073
Elm #227A7A
RGB
rgb(34, 122, 122)
HSL
hsl(180, 56%, 31%)
Яскравість
0,157
Aztec Jade #38BA8B
RGB
rgb(56, 186, 139)
HSL
hsl(158, 54%, 47%)
Яскравість
0,378
Experimintal Green #55FF79
RGB
rgb(85, 255, 121)
HSL
hsl(133, 100%, 67%)
Яскравість
0,748
Light Yellowish Green #C5FF8C
RGB
rgb(197, 255, 140)
HSL
hsl(90, 100%, 77%)
Яскравість
0,853

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

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

Aa #000511 на #C5FF8C 17,53:1 AAA
Aa #051233 на #C5FF8C 15,83:1 AAA
Aa #000511 на #55FF79 15,50:1 AAA
Aa #051233 на #55FF79 14,00:1 AAA
Aa #122A5E на #C5FF8C 11,89:1 AAA
Aa #122A5E на #55FF79 10,51:1 AAA
Aa #000511 на #38BA8B 8,32:1 AAA
Aa #051233 на #38BA8B 7,51:1 AAA
Aa #15526B на #C5FF8C 7,37:1 AAA
Aa #15526B на #55FF79 6,51:1 AA
Aa #122A5E на #38BA8B 5,64:1 AA
Aa #227A7A на #C5FF8C 4,37:1 AA, великий текст
Aa #000511 на #227A7A 4,01:1 AA, великий текст
Aa #227A7A на #55FF79 3,86:1 AA, великий текст
Aa #051233 на #227A7A 3,62:1 AA, великий текст
Aa #15526B на #38BA8B 3,49:1 AA, великий текст
Aa #122A5E на #227A7A 2,72:1 Не проходить
Aa #000511 на #15526B 2,38:1 Не проходить
Aa #051233 на #15526B 2,15:1 Не проходить
Aa #38BA8B на #C5FF8C 2,11:1 Не проходить
Aa #227A7A на #38BA8B 2,07:1 Не проходить
Aa #38BA8B на #55FF79 1,86:1 Не проходить
Aa #15526B на #227A7A 1,69:1 Не проходить
Aa #122A5E на #15526B 1,61:1 Не проходить
Aa #000511 на #122A5E 1,47:1 Не проходить
Aa #051233 на #122A5E 1,33:1 Не проходить
Aa #55FF79 на #C5FF8C 1,13:1 Не проходить
Aa #000511 на #051233 1,11: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 кольори