Schwarz bis Dunkelgrau, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 180°: #07080c, #121316, #202124, #292a2d, #303136. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#07080c
#08080d
#09090e
#0a0b0f
#0b0c10
#0d0e11
#0e0f13
#101115
#121316
#141518
#16171a
#18181c
#1a1a1d
#1c1c1f
#1d1e21
#1f1f22
#202124
#222225
#232326
#242528
#262629
#27272b
#28292c
#292a2d
#2a2b2f
#2b2c30
#2d2d31
#2d2e32
#2e2f33
#2f3034
#303135
#303136

CSS

background: linear-gradient(180deg in oklch, oklch(13.39% 0.0096 277.03) 0.0%, oklch(13.79% 0.0095 277.07) 3.2%, oklch(14.30% 0.0093 277.12) 6.5%, oklch(14.89% 0.0090 277.17) 9.7%, oklch(15.54% 0.0087 277.23) 12.9%, oklch(16.26% 0.0084 277.29) 16.1%, oklch(17.03% 0.0080 277.36) 19.4%, oklch(17.84% 0.0077 277.44) 22.6%, oklch(18.66% 0.0073 277.51) 25.8%, oklch(19.50% 0.0070 277.59) 29.0%, oklch(20.34% 0.0066 277.67) 32.3%, oklch(21.17% 0.0063 277.75) 35.5%, oklch(21.97% 0.0061 277.83) 38.7%, oklch(22.73% 0.0058 277.91) 41.9%, oklch(23.45% 0.0057 277.98) 45.2%, oklch(24.11% 0.0055 278.05) 48.4%, oklch(24.70% 0.0055 278.12) 51.6%, oklch(25.28% 0.0055 278.19) 54.8%, oklch(25.85% 0.0056 278.27) 58.1%, oklch(26.42% 0.0057 278.35) 61.3%, oklch(26.97% 0.0059 278.43) 64.5%, oklch(27.50% 0.0061 278.51) 67.7%, oklch(28.02% 0.0063 278.59) 71.0%, oklch(28.52% 0.0066 278.66) 74.2%, oklch(29.00% 0.0068 278.74) 77.4%, oklch(29.45% 0.0071 278.81) 80.6%, oklch(29.87% 0.0073 278.88) 83.9%, oklch(30.27% 0.0076 278.95) 87.1%, oklch(30.63% 0.0078 279.01) 90.3%, oklch(30.96% 0.0080 279.06) 93.5%, oklch(31.25% 0.0082 279.11) 96.8%, oklch(31.50% 0.0083 279.14) 100.0%);

In diesen Sammlungen

Nachthimmel-Farbverläufe UI-Farbverläufe für den Dunkelmodus