Fluorescent Breeze

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

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

Fluorescent Breeze

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

Редагувати

Яскраві 12 кольорів Холодні Змішані Комплементарна green orange blue purple

Вподобання 68

Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #3EE0DB;
  --c-vibrant-2: #20A1BF;
  --c-vibrant-3: #04358D;
  --c-vibrant-4: #250A57;
  --c-vibrant-5: #5E49B4;
  --c-vibrant-6: #C36CC9;
  --c-vibrant-7: #F78A90;
  --c-vibrant-8: #FFAE36;
  --c-vibrant-9: #FFDB7F;
  --c-vibrant-10: #FFF9E5;
  --c-vibrant-11: #D6EF10;
  --c-vibrant-12: #69C32C;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Magnolia (#FFF9E5), найсвітлішого тону, до Indigo Sloth (#250A57), найтемнішого. Вона об'єднує Fresh Turquoise, Maui, One Minute to Midnight, Indigo Sloth, Swiss Plum, Purple Urn Orchid, Vinaceous Cinnamon, Ripe Pumpkin, Lantern Gold, Magnolia, Liquid Lime та Zunda Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 19 з них, найконтрастніша — #250A57 на #FFF9E5 (15,82:1).

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

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

Fresh Turquoise #3EE0DB

RGB: rgb(62, 224, 219)
HSL: hsl(178, 72%, 56%)
Яскравість: 0,595

Maui #20A1BF

RGB: rgb(32, 161, 191)
HSL: hsl(191, 71%, 44%)
Яскравість: 0,296

One Minute to Midnight #04358D

RGB: rgb(4, 53, 141)
HSL: hsl(219, 94%, 28%)
Яскравість: 0,045

Indigo Sloth #250A57

RGB: rgb(37, 10, 87)
HSL: hsl(261, 79%, 19%)
Яскравість: 0,013

Swiss Plum #5E49B4

RGB: rgb(94, 73, 180)
HSL: hsl(252, 42%, 50%)
Яскравість: 0,104

Purple Urn Orchid #C36CC9

RGB: rgb(195, 108, 201)
HSL: hsl(296, 46%, 61%)
Яскравість: 0,265

Vinaceous Cinnamon #F78A90

RGB: rgb(247, 138, 144)
HSL: hsl(357, 87%, 75%)
Яскравість: 0,400

Ripe Pumpkin #FFAE36

RGB: rgb(255, 174, 54)
HSL: hsl(36, 100%, 61%)
Яскравість: 0,518

Lantern Gold #FFDB7F

RGB: rgb(255, 219, 127)
HSL: hsl(43, 100%, 75%)
Яскравість: 0,735

Magnolia #FFF9E5

RGB: rgb(255, 249, 229)
HSL: hsl(46, 100%, 95%)
Яскравість: 0,947

Liquid Lime #D6EF10

RGB: rgb(214, 239, 16)
HSL: hsl(67, 87%, 50%)
Яскравість: 0,761

Zunda Green #69C32C

RGB: rgb(105, 195, 44)
HSL: hsl(96, 63%, 47%)
Яскравість: 0,422

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

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

Aa #250A57 на #FFF9E5 15,82:1 AAA

Aa #250A57 на #D6EF10 12,87:1 AAA

Aa #250A57 на #FFDB7F 12,46:1 AAA

Aa #04358D на #FFF9E5 10,50:1 AAA

Aa #3EE0DB на #250A57 10,23:1 AAA

Aa #250A57 на #FFAE36 9,02:1 AAA

Aa #04358D на #D6EF10 8,54:1 AAA

Aa #04358D на #FFDB7F 8,26:1 AAA

Aa #250A57 на #69C32C 7,50:1 AAA

Aa #250A57 на #F78A90 7,14:1 AAA

Aa #3EE0DB на #04358D 6,79:1 AA

Aa #5E49B4 на #FFF9E5 6,46:1 AA

Aa #04358D на #FFAE36 5,98:1 AA

Aa #20A1BF на #250A57 5,49:1 AA

Aa #5E49B4 на #D6EF10 5,25:1 AA

Aa #5E49B4 на #FFDB7F 5,08:1 AA

Aa #250A57 на #C36CC9 5,01:1 AA

Aa #04358D на #69C32C 4,97:1 AA

Aa #04358D на #F78A90 4,74:1 AA

Aa #3EE0DB на #5E49B4 4,17:1 AA, великий текст

Aa #5E49B4 на #FFAE36 3,68:1 AA, великий текст

Aa #20A1BF на #04358D 3,64:1 AA, великий текст

Aa #04358D на #C36CC9 3,32:1 AA, великий текст

Aa #C36CC9 на #FFF9E5 3,16:1 AA, великий текст

Aa #5E49B4 на #69C32C 3,06:1 AA, великий текст

Aa #5E49B4 на #F78A90 2,91:1 Не проходить

Aa #20A1BF на #FFF9E5 2,88:1 Не проходить

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

Aa #C36CC9 на #FFDB7F 2,49:1 Не проходить

Aa #250A57 на #5E49B4 2,45:1 Не проходить

Aa #20A1BF на #D6EF10 2,35:1 Не проходить

Aa #20A1BF на #FFDB7F 2,27:1 Не проходить

Aa #20A1BF на #5E49B4 2,24:1 Не проходить

Aa #F78A90 на #FFF9E5 2,22:1 Не проходить

Aa #FFF9E5 на #69C32C 2,11:1 Не проходить

Aa #3EE0DB на #C36CC9 2,04:1 Не проходить

Aa #5E49B4 на #C36CC9 2,04:1 Не проходить

Aa #3EE0DB на #20A1BF 1,86:1 Не проходить

Aa #C36CC9 на #FFAE36 1,80:1 Не проходить

Aa #F78A90 на #D6EF10 1,80:1 Не проходить

Aa #FFAE36 на #FFF9E5 1,75:1 Не проходить

Aa #F78A90 на #FFDB7F 1,74:1 Не проходить

Aa #D6EF10 на #69C32C 1,72:1 Не проходить

Aa #FFDB7F на #69C32C 1,66:1 Не проходить

Aa #20A1BF на #FFAE36 1,64:1 Не проходить

Aa #04358D на #5E49B4 1,63:1 Не проходить

Aa #3EE0DB на #FFF9E5 1,55:1 Не проходить

Aa #04358D на #250A57 1,51:1 Не проходить

Aa #C36CC9 на #69C32C 1,50:1 Не проходить

Aa #3EE0DB на #F78A90 1,43:1 Не проходить

Aa #C36CC9 на #F78A90 1,43:1 Не проходить

Aa #FFAE36 на #D6EF10 1,43:1 Не проходить

Aa #FFAE36 на #FFDB7F 1,38:1 Не проходить

Aa #3EE0DB на #69C32C 1,37:1 Не проходить

Aa #20A1BF на #69C32C 1,37:1 Не проходить

Aa #20A1BF на #F78A90 1,30:1 Не проходить

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

Aa #3EE0DB на #D6EF10 1,26:1 Не проходить

Aa #F78A90 на #FFAE36 1,26:1 Не проходить

Aa #FFF9E5 на #D6EF10 1,23:1 Не проходить

Aa #3EE0DB на #FFDB7F 1,22:1 Не проходить

Aa #FFAE36 на #69C32C 1,20:1 Не проходить

Aa #3EE0DB на #FFAE36 1,13:1 Не проходить

Aa #20A1BF на #C36CC9 1,10:1 Не проходить

Aa #F78A90 на #69C32C 1,05:1 Не проходить

Aa #FFDB7F на #D6EF10 1,03: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 кольори

Fluorescent Breeze