From Blue To Green

Палітра з 10 кольорів · Холодні · Темні · Аналогова гармонія

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

From Blue To Green

Палітра з 10 кольорів · Холодні кольори · Темні тони · Аналогова гармонія

Редагувати

Приглушені 10 кольорів Холодні Темні Аналогова green gameboy blue oldschool

Вподобання 14

Кольори 10

CSS-змінні

:root {
  --c-muted-1: #03012B;
  --c-muted-2: #0A164A;
  --c-muted-3: #163B74;
  --c-muted-4: #215C8C;
  --c-muted-5: #2398B8;
  --c-muted-6: #23907A;
  --c-muted-7: #1F7A5D;
  --c-muted-8: #19613B;
  --c-muted-9: #135324;
  --c-muted-10: #0E3511;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Butterfly Blue (#2398B8), найсвітлішого тону, до Midnight (#03012B), найтемнішого. Вона об'єднує Midnight, Deadly Depths, Ashenvale Nights, Sapphire Lace, Butterfly Blue, Palm Springs Splash, Verdant Green, Fun Green, Białowieża Forest та Dark Serpent в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #03012B на #2398B8 (6:1).

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

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

Midnight #03012B

RGB: rgb(3, 1, 43)
HSL: hsl(243, 95%, 9%)
Яскравість: 0,002

Deadly Depths #0A164A

RGB: rgb(10, 22, 74)
HSL: hsl(229, 76%, 16%)
Яскравість: 0,011

Ashenvale Nights #163B74

RGB: rgb(22, 59, 116)
HSL: hsl(216, 68%, 27%)
Яскравість: 0,046

Sapphire Lace #215C8C

RGB: rgb(33, 92, 140)
HSL: hsl(207, 62%, 34%)
Яскравість: 0,099

Butterfly Blue #2398B8

RGB: rgb(35, 152, 184)
HSL: hsl(193, 68%, 43%)
Яскравість: 0,263

Palm Springs Splash #23907A

RGB: rgb(35, 144, 122)
HSL: hsl(168, 61%, 35%)
Яскравість: 0,217

Verdant Green #1F7A5D

RGB: rgb(31, 122, 93)
HSL: hsl(161, 59%, 30%)
Яскравість: 0,150

Fun Green #19613B

RGB: rgb(25, 97, 59)
HSL: hsl(148, 59%, 24%)
Яскравість: 0,091

Białowieża Forest #135324

RGB: rgb(19, 83, 36)
HSL: hsl(136, 63%, 20%)
Яскравість: 0,065

Dark Serpent #0E3511

RGB: rgb(14, 53, 17)
HSL: hsl(125, 58%, 13%)
Яскравість: 0,027

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

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

Aa #03012B на #2398B8 6,00:1 AA

Aa #03012B на #23907A 5,12:1 AA

Aa #0A164A на #2398B8 5,10:1 AA

Aa #0A164A на #23907A 4,36:1 AA, великий текст

Aa #2398B8 на #0E3511 4,07:1 AA, великий текст

Aa #03012B на #1F7A5D 3,83:1 AA, великий текст

Aa #23907A на #0E3511 3,48:1 AA, великий текст

Aa #163B74 на #2398B8 3,27:1 AA, великий текст

Aa #0A164A на #1F7A5D 3,26:1 AA, великий текст

Aa #03012B на #215C8C 2,85:1 Не проходить

Aa #163B74 на #23907A 2,79:1 Не проходить

Aa #2398B8 на #135324 2,73:1 Не проходить

Aa #03012B на #19613B 2,70:1 Не проходить

Aa #1F7A5D на #0E3511 2,60:1 Не проходить

Aa #0A164A на #215C8C 2,42:1 Не проходить

Aa #23907A на #135324 2,33:1 Не проходить

Aa #0A164A на #19613B 2,29:1 Не проходить

Aa #2398B8 на #19613B 2,22:1 Не проходить

Aa #03012B на #135324 2,20:1 Не проходить

Aa #215C8C на #2398B8 2,10:1 Не проходить

Aa #163B74 на #1F7A5D 2,09:1 Не проходить

Aa #215C8C на #0E3511 1,94:1 Не проходить

Aa #23907A на #19613B 1,90:1 Не проходить

Aa #0A164A на #135324 1,87:1 Не проходить

Aa #03012B на #163B74 1,83:1 Не проходить

Aa #19613B на #0E3511 1,83:1 Не проходить

Aa #215C8C на #23907A 1,80:1 Не проходить

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

Aa #0A164A на #163B74 1,56:1 Не проходить

Aa #163B74 на #215C8C 1,56:1 Не проходить

Aa #2398B8 на #1F7A5D 1,56:1 Не проходить

Aa #135324 на #0E3511 1,49:1 Не проходить

Aa #03012B на #0E3511 1,47:1 Не проходить

Aa #163B74 на #19613B 1,47:1 Не проходить

Aa #1F7A5D на #19613B 1,42:1 Не проходить

Aa #215C8C на #1F7A5D 1,34:1 Не проходить

Aa #23907A на #1F7A5D 1,34:1 Не проходить

Aa #215C8C на #135324 1,30:1 Не проходить

Aa #0A164A на #0E3511 1,25:1 Не проходить

Aa #163B74 на #0E3511 1,24:1 Не проходить

Aa #19613B на #135324 1,23:1 Не проходить

Aa #163B74 на #135324 1,20:1 Не проходить

Aa #03012B на #0A164A 1,18:1 Не проходить

Aa #2398B8 на #23907A 1,17:1 Не проходить

Aa #215C8C на #19613B 1,06:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC

4 кольори

#0A2647 #144272 #205295 #2C74B3

4 кольори

#040D12 #183D3D #5C8374 #93B1A6

4 кольори

#142850 #27496D #0C7B93 #00A8CC

4 кольори

#635985 #443C68 #393053 #18122B

4 кольори

#000000 #150050 #3F0071 #610094

4 кольори

#151515 #301B3F #3C415C #B4A5A5

4 кольори

#041C32 #04293A #064663 #ECB365

4 кольори

From Blue To Green