Xanh dương nhạt, tím và đen (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #00dceb, #98178b, #03020f, #5136c3, #9c33d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#00dceb
#00d6f1
#00cef9
#30c4ff
#55b8ff
#6baaff
#7c9aff
#8d88ff
#9e70ff
#ad58f3
#b446dc
#b437c7
#af2ab2
#a51f9e
#98178b
#881279
#770f69
#660e5b
#550d4d
#460c41
#380a37
#2d082e
#240727
#1c0521
#15041c
#0f0318
#090314
#060211
#03020f
#02020d
#01020d
#01020f
#000313
#000418
#000722
#000c31
#021344
#0a1a5b
#192274
#2a2a8f
#3d30aa
#5136c3
#643ad8
#753ce9
#833ef5
#8c3ffb
#943ffe
#993efe
#9c3cfb
#9e3bf6
#9e39f1
#9e38ea
#9d36e4
#9c35df
#9c34db
#9c33d8

CSS

background: linear-gradient(135deg in oklch, oklch(81.50% 0.1389 203.91) 0.0%, oklch(80.29% 0.1392 210.66) 1.8%, oklch(78.84% 0.1433 219.80) 3.6%, oklch(77.15% 0.1440 230.79) 5.5%, oklch(75.26% 0.1383 243.12) 7.3%, oklch(73.18% 0.1405 256.25) 9.1%, oklch(70.93% 0.1509 269.65) 10.9%, oklch(68.53% 0.1711 282.80) 12.7%, oklch(66.01% 0.2038 295.17) 14.5%, oklch(63.37% 0.2251 306.22) 16.4%, oklch(60.66% 0.2282 315.42) 18.2%, oklch(57.87% 0.2274 322.26) 20.0%, oklch(54.84% 0.2218 327.07) 21.8%, oklch(51.41% 0.2119 330.61) 23.6%, oklch(47.69% 0.1985 333.00) 25.5%, oklch(43.78% 0.1825 334.35) 27.3%, oklch(39.79% 0.1648 334.78) 29.1%, oklch(35.81% 0.1462 334.40) 30.9%, oklch(31.95% 0.1276 333.32) 32.7%, oklch(28.31% 0.1098 331.67) 34.5%, oklch(24.98% 0.0938 329.55) 36.4%, oklch(22.07% 0.0803 327.08) 38.2%, oklch(19.69% 0.0703 324.38) 40.0%, oklch(17.64% 0.0625 320.71) 41.8%, oklch(15.71% 0.0554 315.53) 43.6%, oklch(13.95% 0.0491 309.21) 45.5%, oklch(12.40% 0.0439 302.10) 47.3%, oklch(11.13% 0.0398 294.57) 49.1%, oklch(10.17% 0.0372 286.98) 50.9%, oklch(9.57% 0.0361 279.70) 52.7%, oklch(9.39% 0.0367 273.10) 54.5%, oklch(9.67% 0.0393 267.53) 56.4%, oklch(10.46% 0.0440 263.37) 58.2%, oklch(11.81% 0.0510 260.98) 60.0%, oklch(14.07% 0.0614 261.15) 61.8%, oklch(17.28% 0.0768 261.43) 63.6%, oklch(21.29% 0.0954 263.43) 65.5%, oklch(25.89% 0.1164 266.51) 67.3%, oklch(30.85% 0.1389 270.31) 69.1%, oklch(35.94% 0.1620 274.56) 70.9%, oklch(40.96% 0.1845 279.02) 72.7%, oklch(45.68% 0.2057 283.41) 74.5%, oklch(49.89% 0.2244 287.50) 76.4%, oklch(53.37% 0.2398 291.03) 78.2%, oklch(55.91% 0.2508 293.73) 80.0%, oklch(57.54% 0.2576 295.87) 81.8%, oklch(58.54% 0.2613 297.86) 83.6%, oklch(59.00% 0.2624 299.70) 85.5%, oklch(59.02% 0.2614 301.41) 87.3%, oklch(58.71% 0.2588 302.97) 89.1%, oklch(58.17% 0.2551 304.40) 90.9%, oklch(57.50% 0.2509 305.70) 92.7%, oklch(56.79% 0.2466 306.86) 94.5%, oklch(56.16% 0.2428 307.89) 96.4%, oklch(55.70% 0.2398 308.80) 98.2%, oklch(55.51% 0.2384 309.58) 100.0%);

Trong các bộ sưu tập này

Gradient cyberpunk

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động