Android Screenshot Editor

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

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

Android Screenshot Editor

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

Редагувати

Яскраві 7 кольорів Теплі Змішані Комплементарна technical googlepixel android

Вподобання 21

Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #010101;
  --c-vibrant-2: #FE5253;
  --c-vibrant-3: #FFC500;
  --c-vibrant-4: #00E776;
  --c-vibrant-5: #00B0FE;
  --c-vibrant-6: #D400F8;
  --c-vibrant-7: #FAFAFA;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Dr. White (#FAFAFA), найсвітлішого тону, до Binary Black (#010101), найтемнішого. Вона об'єднує Binary Black, Fluorescent Red, Citrus Splash, Tealish Green, Krishna Blue, Electric Orchid та Dr. White в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #010101 на #FAFAFA (20:1).

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

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

Binary Black #010101

RGB: rgb(1, 1, 1)
HSL: hsl(0, 0%, 0%)
Яскравість: 0,000

Fluorescent Red #FE5253

RGB: rgb(254, 82, 83)
HSL: hsl(360, 99%, 66%)
Яскравість: 0,277

Citrus Splash #FFC500

RGB: rgb(255, 197, 0)
HSL: hsl(46, 100%, 50%)
Яскравість: 0,612

Tealish Green #00E776

RGB: rgb(0, 231, 118)
HSL: hsl(151, 100%, 45%)
Яскравість: 0,585

Krishna Blue #00B0FE

RGB: rgb(0, 176, 254)
HSL: hsl(198, 100%, 50%)
Яскравість: 0,382

Electric Orchid #D400F8

RGB: rgb(212, 0, 248)
HSL: hsl(291, 100%, 49%)
Яскравість: 0,208

Dr. White #FAFAFA

RGB: rgb(250, 250, 250)
HSL: hsl(0, 0%, 98%)
Яскравість: 0,956

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

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

Aa #010101 на #FAFAFA 20,00:1 AAA

Aa #010101 на #FFC500 13,16:1 AAA

Aa #010101 на #00E776 12,62:1 AAA

Aa #010101 на #00B0FE 8,59:1 AAA

Aa #010101 на #FE5253 6,51:1 AA

Aa #010101 на #D400F8 5,12:1 AA

Aa #D400F8 на #FAFAFA 3,90:1 AA, великий текст

Aa #FE5253 на #FAFAFA 3,07:1 AA, великий текст

Aa #FFC500 на #D400F8 2,57:1 Не проходить

Aa #00E776 на #D400F8 2,46:1 Не проходить

Aa #00B0FE на #FAFAFA 2,33:1 Не проходить

Aa #FE5253 на #FFC500 2,02:1 Не проходить

Aa #FE5253 на #00E776 1,94:1 Не проходить

Aa #00B0FE на #D400F8 1,68:1 Не проходить

Aa #00E776 на #FAFAFA 1,59:1 Не проходить

Aa #FFC500 на #00B0FE 1,53:1 Не проходить

Aa #FFC500 на #FAFAFA 1,52:1 Не проходить

Aa #00E776 на #00B0FE 1,47:1 Не проходить

Aa #FE5253 на #00B0FE 1,32:1 Не проходить

Aa #FE5253 на #D400F8 1,27:1 Не проходить

Aa #FFC500 на #00E776 1,04: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 кольори

Android Screenshot Editor