Реєстрація Реєстрація
Legendary Quest

Legendary Quest

Палітра з 8 кольорів · Нейтральні · Змішані · Комплементарна гармонія

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

Legendary Quest

Палітра з 8 кольорів · Нейтральні кольори · Змішані тони · Комплементарна гармонія

Редагувати
Яскраві 8 кольорів Нейтральні Змішані Комплементарна pixelart green gameboy blue
Вподобання 18
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #0000DC;
  --c-vibrant-3: #989CFC;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #FC8C0C;
  --c-vibrant-6: #FCE018;
  --c-vibrant-7: #C0D074;
  --c-vibrant-8: #048400;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Emptiness (#FCFCFC), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Bluealicious, Cobalite, Emptiness, Jú Huáng Tangerine, Crypto Gold, Gentle Dill та Lucky Clover в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #000000 на #FCFCFC (20,47:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Bluealicious #0000DC
RGB
rgb(0, 0, 220)
HSL
hsl(240, 100%, 43%)
Яскравість
0,052
Cobalite #989CFC
RGB
rgb(152, 156, 252)
HSL
hsl(238, 94%, 79%)
Яскравість
0,375
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Яскравість
0,973
Jú Huáng Tangerine #FC8C0C
RGB
rgb(252, 140, 12)
HSL
hsl(32, 98%, 52%)
Яскравість
0,395
Crypto Gold #FCE018
RGB
rgb(252, 224, 24)
HSL
hsl(53, 97%, 54%)
Яскравість
0,741
Gentle Dill #C0D074
RGB
rgb(192, 208, 116)
HSL
hsl(70, 49%, 64%)
Яскравість
0,576
Lucky Clover #048400
RGB
rgb(4, 132, 0)
HSL
hsl(118, 100%, 26%)
Яскравість
0,165

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

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

Aa #000000 на #FCFCFC 20,47:1 AAA
Aa #000000 на #FCE018 15,81:1 AAA
Aa #000000 на #C0D074 12,52:1 AAA
Aa #0000DC на #FCFCFC 10,07:1 AAA
Aa #000000 на #FC8C0C 8,90:1 AAA
Aa #000000 на #989CFC 8,50:1 AAA
Aa #0000DC на #FCE018 7,78:1 AAA
Aa #0000DC на #C0D074 6,15:1 AA
Aa #FCFCFC на #048400 4,75:1 AA
Aa #0000DC на #FC8C0C 4,37:1 AA, великий текст
Aa #000000 на #048400 4,31:1 AA, великий текст
Aa #0000DC на #989CFC 4,18:1 AA, великий текст
Aa #FCE018 на #048400 3,67:1 AA, великий текст
Aa #C0D074 на #048400 2,91:1 Не проходить
Aa #989CFC на #FCFCFC 2,41:1 Не проходить
Aa #FCFCFC на #FC8C0C 2,30:1 Не проходить
Aa #0000DC на #048400 2,12:1 Не проходить
Aa #FC8C0C на #048400 2,07:1 Не проходить
Aa #000000 на #0000DC 2,03:1 Не проходить
Aa #989CFC на #048400 1,97:1 Не проходить
Aa #989CFC на #FCE018 1,86:1 Не проходить
Aa #FC8C0C на #FCE018 1,78:1 Не проходить
Aa #FCFCFC на #C0D074 1,64:1 Не проходить
Aa #989CFC на #C0D074 1,47:1 Не проходить
Aa #FC8C0C на #C0D074 1,41:1 Не проходить
Aa #FCFCFC на #FCE018 1,29:1 Не проходить
Aa #FCE018 на #C0D074 1,26:1 Не проходить
Aa #989CFC на #FC8C0C 1,05:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори