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

Haretro8

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

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

Haretro8

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Комплементарна artist haretro
Вподобання 12
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #FFE6D2;
  --c-vibrant-2: #FFB400;
  --c-vibrant-3: #32B4FF;
  --c-vibrant-4: #0AC832;
  --c-vibrant-5: #CC66CC;
  --c-vibrant-6: #C73B32;
  --c-vibrant-7: #995F3D;
  --c-vibrant-8: #1E2832;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Mood Lighting (#FFE6D2), найсвітлішого тону, до Abyssal Anchorfish Blue (#1E2832), найтемнішого. Вона об'єднує Mood Lighting, UCLA Gold, Fantasy Console Sky, Vivid Malachite, Purple Urn Orchid, Stop, Harrison Rust та Abyssal Anchorfish Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #FFE6D2 на #1E2832 (12,46:1).

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

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

Mood Lighting #FFE6D2
RGB
rgb(255, 230, 210)
HSL
hsl(27, 100%, 91%)
Яскравість
0,825
UCLA Gold #FFB400
RGB
rgb(255, 180, 0)
HSL
hsl(42, 100%, 50%)
Яскравість
0,539
Fantasy Console Sky #32B4FF
RGB
rgb(50, 180, 255)
HSL
hsl(202, 100%, 60%)
Яскравість
0,405
Vivid Malachite #0AC832
RGB
rgb(10, 200, 50)
HSL
hsl(133, 90%, 41%)
Яскравість
0,416
Purple Urn Orchid #CC66CC
RGB
rgb(204, 102, 204)
HSL
hsl(300, 50%, 60%)
Яскравість
0,267
Stop #C73B32
RGB
rgb(199, 59, 50)
HSL
hsl(4, 60%, 49%)
Яскравість
0,155
Harrison Rust #995F3D
RGB
rgb(153, 95, 61)
HSL
hsl(22, 43%, 42%)
Яскравість
0,153
Abyssal Anchorfish Blue #1E2832
RGB
rgb(30, 40, 50)
HSL
hsl(210, 25%, 16%)
Яскравість
0,020

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

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

Aa #FFE6D2 на #1E2832 12,46:1 AAA
Aa #FFB400 на #1E2832 8,39:1 AAA
Aa #0AC832 на #1E2832 6,63:1 AA
Aa #32B4FF на #1E2832 6,48:1 AA
Aa #CC66CC на #1E2832 4,51:1 AA
Aa #FFE6D2 на #995F3D 4,31:1 AA, великий текст
Aa #FFE6D2 на #C73B32 4,27:1 AA, великий текст
Aa #C73B32 на #1E2832 2,92:1 Не проходить
Aa #FFB400 на #995F3D 2,90:1 Не проходить
Aa #995F3D на #1E2832 2,89:1 Не проходить
Aa #FFB400 на #C73B32 2,87:1 Не проходить
Aa #FFE6D2 на #CC66CC 2,76:1 Не проходить
Aa #0AC832 на #995F3D 2,30:1 Не проходить
Aa #0AC832 на #C73B32 2,27:1 Не проходить
Aa #32B4FF на #995F3D 2,24:1 Не проходить
Aa #32B4FF на #C73B32 2,22:1 Не проходить
Aa #FFE6D2 на #32B4FF 1,92:1 Не проходить
Aa #FFE6D2 на #0AC832 1,88:1 Не проходить
Aa #FFB400 на #CC66CC 1,86:1 Не проходить
Aa #CC66CC на #995F3D 1,56:1 Не проходить
Aa #CC66CC на #C73B32 1,55:1 Не проходить
Aa #FFE6D2 на #FFB400 1,49:1 Не проходить
Aa #0AC832 на #CC66CC 1,47:1 Не проходить
Aa #32B4FF на #CC66CC 1,44:1 Не проходить
Aa #FFB400 на #32B4FF 1,29:1 Не проходить
Aa #FFB400 на #0AC832 1,26:1 Не проходить
Aa #32B4FF на #0AC832 1,02:1 Не проходить
Aa #C73B32 на #995F3D 1,01:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори