Реєстрація Реєстрація
Dracula Standard

Dracula Standard

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

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

Dracula Standard

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

Редагувати
Землисті 11 кольорів Теплі Змішані Комплементарна neon hardware dracula code
Вподобання 19
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #282A36;
  --c-earthy-2: #44475A;
  --c-earthy-3: #6272A4;
  --c-earthy-4: #F8F8F2;
  --c-earthy-5: #FF5555;
  --c-earthy-6: #FFB86C;
  --c-earthy-7: #F1FA8C;
  --c-earthy-8: #50FA7B;
  --c-earthy-9: #8BE9FD;
  --c-earthy-10: #BD93F9;
  --c-earthy-11: #FF79C6;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Pure White (#F8F8F2), найсвітлішого тону, до Mangu Black (#282A36), найтемнішого. Вона об'єднує Mangu Black, Pit Stop, Dormitory, Pure White, Fluorescent Red, Desert Dessert, Tidal, Experimintal Green, Photon Projector, Liliac та Pink Plastic Fantastic в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 13 з них, найконтрастніша — #282A36 на #F8F8F2 (13,36:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Mangu Black #282A36
RGB
rgb(40, 42, 54)
HSL
hsl(231, 15%, 18%)
Яскравість
0,024
Pit Stop #44475A
RGB
rgb(68, 71, 90)
HSL
hsl(232, 14%, 31%)
Яскравість
0,065
Dormitory #6272A4
RGB
rgb(98, 114, 164)
HSL
hsl(225, 27%, 51%)
Яскравість
0,173
Pure White #F8F8F2
RGB
rgb(248, 248, 242)
HSL
hsl(60, 30%, 96%)
Яскравість
0,935
Fluorescent Red #FF5555
RGB
rgb(255, 85, 85)
HSL
hsl(0, 100%, 67%)
Яскравість
0,284
Desert Dessert #FFB86C
RGB
rgb(255, 184, 108)
HSL
hsl(31, 100%, 71%)
Яскравість
0,566
Tidal #F1FA8C
RGB
rgb(241, 250, 140)
HSL
hsl(65, 92%, 76%)
Яскравість
0,890
Experimintal Green #50FA7B
RGB
rgb(80, 250, 123)
HSL
hsl(135, 94%, 65%)
Яскравість
0,715
Photon Projector #8BE9FD
RGB
rgb(139, 233, 253)
HSL
hsl(191, 97%, 77%)
Яскравість
0,709
Liliac #BD93F9
RGB
rgb(189, 147, 249)
HSL
hsl(265, 89%, 78%)
Яскравість
0,385
Pink Plastic Fantastic #FF79C6
RGB
rgb(255, 121, 198)
HSL
hsl(326, 100%, 74%)
Яскравість
0,390

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

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

Aa #282A36 на #F8F8F2 13,36:1 AAA
Aa #282A36 на #F1FA8C 12,74:1 AAA
Aa #282A36 на #50FA7B 10,38:1 AAA
Aa #282A36 на #8BE9FD 10,29:1 AAA
Aa #44475A на #F8F8F2 8,59:1 AAA
Aa #282A36 на #FFB86C 8,36:1 AAA
Aa #44475A на #F1FA8C 8,19:1 AAA
Aa #44475A на #50FA7B 6,67:1 AA
Aa #44475A на #8BE9FD 6,61:1 AA
Aa #282A36 на #FF79C6 5,97:1 AA
Aa #282A36 на #BD93F9 5,90:1 AA
Aa #44475A на #FFB86C 5,37:1 AA
Aa #282A36 на #FF5555 4,53:1 AA
Aa #6272A4 на #F8F8F2 4,41:1 AA, великий текст
Aa #6272A4 на #F1FA8C 4,21:1 AA, великий текст
Aa #44475A на #FF79C6 3,84:1 AA, великий текст
Aa #44475A на #BD93F9 3,79:1 AA, великий текст
Aa #6272A4 на #50FA7B 3,43:1 AA, великий текст
Aa #6272A4 на #8BE9FD 3,40:1 AA, великий текст
Aa #282A36 на #6272A4 3,03:1 AA, великий текст
Aa #F8F8F2 на #FF5555 2,95:1 Не проходить
Aa #44475A на #FF5555 2,91:1 Не проходить
Aa #FF5555 на #F1FA8C 2,81:1 Не проходить
Aa #6272A4 на #FFB86C 2,76:1 Не проходить
Aa #FF5555 на #50FA7B 2,29:1 Не проходить
Aa #FF5555 на #8BE9FD 2,27:1 Не проходить
Aa #F8F8F2 на #BD93F9 2,26:1 Не проходить
Aa #F8F8F2 на #FF79C6 2,24:1 Не проходить
Aa #F1FA8C на #BD93F9 2,16:1 Не проходить
Aa #F1FA8C на #FF79C6 2,13:1 Не проходить
Aa #6272A4 на #FF79C6 1,97:1 Не проходить
Aa #6272A4 на #BD93F9 1,95:1 Не проходить
Aa #44475A на #6272A4 1,94:1 Не проходить
Aa #FF5555 на #FFB86C 1,84:1 Не проходить
Aa #50FA7B на #BD93F9 1,76:1 Не проходить
Aa #50FA7B на #FF79C6 1,74:1 Не проходить
Aa #8BE9FD на #BD93F9 1,74:1 Не проходить
Aa #8BE9FD на #FF79C6 1,72:1 Не проходить
Aa #F8F8F2 на #FFB86C 1,60:1 Не проходить
Aa #282A36 на #44475A 1,56:1 Не проходить
Aa #FFB86C на #F1FA8C 1,52:1 Не проходить
Aa #6272A4 на #FF5555 1,50:1 Не проходить
Aa #FFB86C на #BD93F9 1,42:1 Не проходить
Aa #FFB86C на #FF79C6 1,40:1 Не проходить
Aa #FF5555 на #FF79C6 1,32:1 Не проходить
Aa #F8F8F2 на #8BE9FD 1,30:1 Не проходить
Aa #FF5555 на #BD93F9 1,30:1 Не проходить
Aa #F8F8F2 на #50FA7B 1,29:1 Не проходить
Aa #FFB86C на #50FA7B 1,24:1 Не проходить
Aa #F1FA8C на #8BE9FD 1,24:1 Не проходить
Aa #FFB86C на #8BE9FD 1,23:1 Не проходить
Aa #F1FA8C на #50FA7B 1,23:1 Не проходить
Aa #F8F8F2 на #F1FA8C 1,05:1 Не проходить
Aa #50FA7B на #8BE9FD 1,01:1 Не проходить
Aa #BD93F9 на #FF79C6 1,01: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 кольори