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

BIOHAZARD9

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

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

BIOHAZARD9

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

Редагувати
Яскраві 9 кольорів Холодні Змішані Комплементарна radioactive toxic ethanhunt ethanhunt404
Вподобання 27
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #EEFF99;
  --c-vibrant-2: #E0F76E;
  --c-vibrant-3: #63EB47;
  --c-vibrant-4: #26D980;
  --c-vibrant-5: #298FA3;
  --c-vibrant-6: #283576;
  --c-vibrant-7: #331F47;
  --c-vibrant-8: #E6B045;
  --c-vibrant-9: #D92640;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від Metal Spark (#EEFF99), найсвітлішого тону, до Power Outage (#331F47), найтемнішого. Вона об'єднує Metal Spark, Mystic Green, Miyazaki Verdant, Shivering Green, Scooter, Ballpoint Indigo, Power Outage, Mì Chéng Honey та Infrared Tang в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #EEFF99 на #331F47 (13,59:1).

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

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

Metal Spark #EEFF99
RGB
rgb(238, 255, 153)
HSL
hsl(70, 100%, 80%)
Яскравість
0,920
Mystic Green #E0F76E
RGB
rgb(224, 247, 110)
HSL
hsl(70, 90%, 70%)
Яскравість
0,835
Miyazaki Verdant #63EB47
RGB
rgb(99, 235, 71)
HSL
hsl(110, 80%, 60%)
Яскравість
0,625
Shivering Green #26D980
RGB
rgb(38, 217, 128)
HSL
hsl(150, 70%, 50%)
Яскравість
0,516
Scooter #298FA3
RGB
rgb(41, 143, 163)
HSL
hsl(190, 60%, 40%)
Яскравість
0,228
Ballpoint Indigo #283576
RGB
rgb(40, 53, 118)
HSL
hsl(230, 49%, 31%)
Яскравість
0,043
Power Outage #331F47
RGB
rgb(51, 31, 71)
HSL
hsl(270, 39%, 20%)
Яскравість
0,021
Mì Chéng Honey #E6B045
RGB
rgb(230, 176, 69)
HSL
hsl(40, 76%, 59%)
Яскравість
0,483
Infrared Tang #D92640
RGB
rgb(217, 38, 64)
HSL
hsl(351, 70%, 50%)
Яскравість
0,165

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

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

Aa #EEFF99 на #331F47 13,59:1 AAA
Aa #E0F76E на #331F47 12,40:1 AAA
Aa #EEFF99 на #283576 10,42:1 AAA
Aa #E0F76E на #283576 9,51:1 AAA
Aa #63EB47 на #331F47 9,46:1 AAA
Aa #26D980 на #331F47 7,93:1 AAA
Aa #331F47 на #E6B045 7,47:1 AAA
Aa #63EB47 на #283576 7,26:1 AAA
Aa #26D980 на #283576 6,08:1 AA
Aa #283576 на #E6B045 5,73:1 AA
Aa #EEFF99 на #D92640 4,51:1 AA
Aa #E0F76E на #D92640 4,11:1 AA, великий текст
Aa #298FA3 на #331F47 3,89:1 AA, великий текст
Aa #EEFF99 на #298FA3 3,49:1 AA, великий текст
Aa #E0F76E на #298FA3 3,19:1 AA, великий текст
Aa #63EB47 на #D92640 3,14:1 AA, великий текст
Aa #331F47 на #D92640 3,01:1 AA, великий текст
Aa #298FA3 на #283576 2,98:1 Не проходить
Aa #26D980 на #D92640 2,63:1 Не проходить
Aa #E6B045 на #D92640 2,48:1 Не проходить
Aa #63EB47 на #298FA3 2,43:1 Не проходить
Aa #283576 на #D92640 2,31:1 Не проходить
Aa #26D980 на #298FA3 2,04:1 Не проходить
Aa #298FA3 на #E6B045 1,92:1 Не проходить
Aa #EEFF99 на #E6B045 1,82:1 Не проходить
Aa #EEFF99 на #26D980 1,71:1 Не проходить
Aa #E0F76E на #E6B045 1,66:1 Не проходить
Aa #E0F76E на #26D980 1,56:1 Не проходить
Aa #EEFF99 на #63EB47 1,44:1 Не проходить
Aa #E0F76E на #63EB47 1,31:1 Не проходить
Aa #283576 на #331F47 1,30:1 Не проходить
Aa #298FA3 на #D92640 1,29:1 Не проходить
Aa #63EB47 на #E6B045 1,27:1 Не проходить
Aa #63EB47 на #26D980 1,19:1 Не проходить
Aa #EEFF99 на #E0F76E 1,10:1 Не проходить
Aa #26D980 на #E6B045 1,06: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 кольори