Đen, hồng, tím và xanh cổ vịt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #010204, #c05b82, #603460, #092032, #04b28e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#010204
#03060e
#0c0f20
#1f1c37
#39294f
#5a3766
#7e4476
#a1507f
#c05b82
#d76481
#e36980
#e36980
#d6647f
#c05a7d
#a24e78
#81416e
#603460
#42284e
#2a1e3d
#19162d
#0f1124
#0b1122
#0a1627
#092032
#062e41
#004052
#005562
#006a71
#00807e
#009588
#00a68d
#04b28e

CSS

background: linear-gradient(135deg in oklch, oklch(8.27% 0.0124 255.94) 0.0%, oklch(12.14% 0.0215 263.45) 3.2%, oklch(17.68% 0.0347 274.25) 6.5%, oklch(24.44% 0.0506 287.44) 9.7%, oklch(31.97% 0.0684 302.10) 12.9%, oklch(39.79% 0.0869 317.34) 16.1%, oklch(47.46% 0.1051 332.25) 19.4%, oklch(54.52% 0.1217 345.94) 22.6%, oklch(60.50% 0.1359 357.50) 25.8%, oklch(64.95% 0.1464 6.03) 29.0%, oklch(67.42% 0.1522 10.62) 32.3%, oklch(67.40% 0.1523 10.69) 35.5%, oklch(64.82% 0.1463 7.02) 38.7%, oklch(60.20% 0.1358 0.25) 41.9%, oklch(54.12% 0.1217 350.99) 45.2%, oklch(47.15% 0.1056 339.84) 48.4%, oklch(39.85% 0.0886 327.39) 51.6%, oklch(32.79% 0.0721 314.24) 54.8%, oklch(26.53% 0.0572 300.98) 58.1%, oklch(21.65% 0.0454 288.22) 61.3%, oklch(18.71% 0.0379 276.55) 64.5%, oklch(18.24% 0.0358 266.41) 67.7%, oklch(20.05% 0.0385 256.13) 71.0%, oklch(23.65% 0.0451 245.33) 74.2%, oklch(28.63% 0.0545 234.27) 77.4%, oklch(34.60% 0.0646 223.28) 80.6%, oklch(41.13% 0.0718 212.45) 83.9%, oklch(47.82% 0.0814 202.16) 87.1%, oklch(54.27% 0.0930 192.65) 90.3%, oklch(60.08% 0.1063 184.18) 93.5%, oklch(64.83% 0.1202 177.01) 96.8%, oklch(68.11% 0.1323 171.40) 100.0%);

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