Реєстрація Реєстрація
Cyberpunk Neons

Cyberpunk Neons

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

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

Cyberpunk Neons

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

Редагувати
Приглушені 11 кольорів Холодні Темні Комплементарна cyberpunk neon cyber bna
Вподобання 131
Кольори 11

CSS-змінні

:root {
  --c-muted-1: #53EBE4;
  --c-muted-2: #0F9595;
  --c-muted-3: #084F64;
  --c-muted-4: #03274C;
  --c-muted-5: #08173D;
  --c-muted-6: #0B001B;
  --c-muted-7: #4D004F;
  --c-muted-8: #C1115A;
  --c-muted-9: #E13A6A;
  --c-muted-10: #E46A87;
  --c-muted-11: #ECA6C0;
}

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

Ця приглушена палітра з 11 кольорів охоплює діапазон від Near Moon (#53EBE4), найсвітлішого тону, до Midnight Jam (#0B001B), найтемнішого. Вона об'єднує Near Moon, Peacock Feather, Hanada Blue, Royal Blue Metallic, Navy, Midnight Jam, Beaten Purple, Velvet Magic, 1989 Miami Hotline, Cherry Brandy та Hushed Rose в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 17 з них, найконтрастніша — #53EBE4 на #0B001B (13,95:1).

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

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

Near Moon #53EBE4
RGB
rgb(83, 235, 228)
HSL
hsl(177, 79%, 62%)
Яскравість
0,669
Peacock Feather #0F9595
RGB
rgb(15, 149, 149)
HSL
hsl(180, 82%, 32%)
Яскравість
0,238
Hanada Blue #084F64
RGB
rgb(8, 79, 100)
HSL
hsl(194, 85%, 21%)
Яскравість
0,066
Royal Blue Metallic #03274C
RGB
rgb(3, 39, 76)
HSL
hsl(210, 92%, 15%)
Яскравість
0,020
Navy #08173D
RGB
rgb(8, 23, 61)
HSL
hsl(223, 77%, 14%)
Яскравість
0,010
Midnight Jam #0B001B
RGB
rgb(11, 0, 27)
HSL
hsl(264, 100%, 5%)
Яскравість
0,002
Beaten Purple #4D004F
RGB
rgb(77, 0, 79)
HSL
hsl(298, 100%, 15%)
Яскравість
0,021
Velvet Magic #C1115A
RGB
rgb(193, 17, 90)
HSL
hsl(335, 84%, 41%)
Яскравість
0,125
1989 Miami Hotline #E13A6A
RGB
rgb(225, 58, 106)
HSL
hsl(343, 74%, 55%)
Яскравість
0,201
Cherry Brandy #E46A87
RGB
rgb(228, 106, 135)
HSL
hsl(346, 69%, 65%)
Яскравість
0,286
Hushed Rose #ECA6C0
RGB
rgb(236, 166, 192)
HSL
hsl(338, 65%, 79%)
Яскравість
0,489

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

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

Aa #53EBE4 на #0B001B 13,95:1 AAA
Aa #53EBE4 на #08173D 11,97:1 AAA
Aa #0B001B на #ECA6C0 10,47:1 AAA
Aa #53EBE4 на #03274C 10,28:1 AAA
Aa #53EBE4 на #4D004F 10,06:1 AAA
Aa #08173D на #ECA6C0 8,98:1 AAA
Aa #03274C на #ECA6C0 7,71:1 AAA
Aa #4D004F на #ECA6C0 7,55:1 AAA
Aa #0B001B на #E46A87 6,51:1 AA
Aa #53EBE4 на #084F64 6,21:1 AA
Aa #0F9595 на #0B001B 5,59:1 AA
Aa #08173D на #E46A87 5,59:1 AA
Aa #0B001B на #E13A6A 4,87:1 AA
Aa #03274C на #E46A87 4,80:1 AA
Aa #0F9595 на #08173D 4,79:1 AA
Aa #4D004F на #E46A87 4,70:1 AA
Aa #084F64 на #ECA6C0 4,66:1 AA
Aa #08173D на #E13A6A 4,18:1 AA, великий текст
Aa #53EBE4 на #C1115A 4,11:1 AA, великий текст
Aa #0F9595 на #03274C 4,11:1 AA, великий текст
Aa #0F9595 на #4D004F 4,03:1 AA, великий текст
Aa #03274C на #E13A6A 3,59:1 AA, великий текст
Aa #4D004F на #E13A6A 3,51:1 AA, великий текст
Aa #0B001B на #C1115A 3,39:1 AA, великий текст
Aa #C1115A на #ECA6C0 3,08:1 AA, великий текст
Aa #08173D на #C1115A 2,91:1 Не проходить
Aa #084F64 на #E46A87 2,90:1 Не проходить
Aa #53EBE4 на #E13A6A 2,87:1 Не проходить
Aa #53EBE4 на #0F9595 2,50:1 Не проходить
Aa #03274C на #C1115A 2,50:1 Не проходить
Aa #0F9595 на #084F64 2,49:1 Не проходить
Aa #4D004F на #C1115A 2,45:1 Не проходить
Aa #084F64 на #0B001B 2,25:1 Не проходить
Aa #084F64 на #E13A6A 2,17:1 Не проходить
Aa #E13A6A на #ECA6C0 2,15:1 Не проходить
Aa #53EBE4 на #E46A87 2,14:1 Не проходить
Aa #084F64 на #08173D 1,93:1 Не проходить
Aa #C1115A на #E46A87 1,92:1 Не проходить
Aa #0F9595 на #ECA6C0 1,87:1 Не проходить
Aa #0F9595 на #C1115A 1,65:1 Не проходить
Aa #084F64 на #03274C 1,65:1 Не проходить
Aa #084F64 на #4D004F 1,62:1 Не проходить
Aa #E46A87 на #ECA6C0 1,61:1 Не проходить
Aa #084F64 на #C1115A 1,51:1 Не проходить
Aa #C1115A на #E13A6A 1,43:1 Не проходить
Aa #0B001B на #4D004F 1,39:1 Не проходить
Aa #03274C на #0B001B 1,36:1 Не проходить
Aa #E13A6A на #E46A87 1,34:1 Не проходить
Aa #53EBE4 на #ECA6C0 1,33:1 Не проходить
Aa #08173D на #4D004F 1,19:1 Не проходить
Aa #0F9595 на #E46A87 1,17:1 Не проходить
Aa #03274C на #08173D 1,17:1 Не проходить
Aa #08173D на #0B001B 1,17:1 Не проходить
Aa #0F9595 на #E13A6A 1,15:1 Не проходить
Aa #03274C на #4D004F 1,02: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 кольори