Gems In The Forrest

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

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

Gems In The Forrest

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

Редагувати

Яскраві 5 кольорів Холодні Змішані Комплементарна

Вподобання 16

Кольори 5

CSS-змінні

:root {
  --c-vibrant-1: #FF3282;
  --c-vibrant-2: #5B1284;
  --c-vibrant-3: #3171EE;
  --c-vibrant-4: #4FF5FC;
  --c-vibrant-5: #AEFDD5;
}

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

Ця яскрава палітра з 5 кольорів охоплює діапазон від Mintastic (#AEFDD5), найсвітлішого тону, до Extraviolet (#5B1284), найтемнішого. Вона об'єднує Lilac Lotion, Extraviolet, Bluetiful, Frozen Turquoise та Mintastic в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 10. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #5B1284 на #AEFDD5 (9,55:1).

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

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

Lilac Lotion #FF3282

RGB: rgb(255, 50, 130)
HSL: hsl(337, 100%, 60%)
Яскравість: 0,252

Extraviolet #5B1284

RGB: rgb(91, 18, 132)
HSL: hsl(278, 76%, 29%)
Яскравість: 0,043

Bluetiful #3171EE

RGB: rgb(49, 113, 238)
HSL: hsl(220, 85%, 56%)
Яскравість: 0,186

Frozen Turquoise #4FF5FC

RGB: rgb(79, 245, 252)
HSL: hsl(182, 97%, 65%)
Яскравість: 0,740

Mintastic #AEFDD5

RGB: rgb(174, 253, 213)
HSL: hsl(150, 95%, 84%)
Яскравість: 0,841

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

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

Aa #5B1284 на #AEFDD5 9,55:1 AAA

Aa #5B1284 на #4FF5FC 8,47:1 AAA

Aa #3171EE на #AEFDD5 3,77:1 AA, великий текст

Aa #3171EE на #4FF5FC 3,34:1 AA, великий текст

Aa #FF3282 на #5B1284 3,23:1 AA, великий текст

Aa #FF3282 на #AEFDD5 2,95:1 Не проходить

Aa #FF3282 на #4FF5FC 2,62:1 Не проходить

Aa #5B1284 на #3171EE 2,54:1 Не проходить

Aa #FF3282 на #3171EE 1,28:1 Не проходить

Aa #4FF5FC на #AEFDD5 1,13: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 кольори

Gems In The Forrest