Đen, tím và hồng cá hồi (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #1b160a, #533678, #5d427c, #480a4a, #ff7171. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b160a
#1f1608
#241606
#2c1506
#331308
#3b1011
#410e1d
#440e2c
#46103c
#46144b
#451959
#451f64
#47266c
#4c2e73
#533678
#5c3f7d
#654780
#6f5083
#785785
#7f5e87
#856488
#886789
#89698a
#87678a
#826288
#7b5c86
#725483
#684b80
#5d427c
#523979
#473075
#3e2871
#38216e
#351b6b
#341768
#341364
#360f60
#380c5b
#3b0a56
#3f0952
#43094d
#480a4a
#4d0c47
#540f46
#5b1246
#651748
#721d4c
#812551
#912f56
#a3395c
#b64361
#c84e66
#da586a
#e9626e
#f66a70
#ff7171

CSS

background: linear-gradient(135deg in oklch, oklch(20.08% 0.0220 85.78) 0.0%, oklch(20.73% 0.0277 77.74) 1.8%, oklch(21.51% 0.0356 66.76) 3.6%, oklch(22.41% 0.0451 53.51) 5.5%, oklch(23.42% 0.0559 38.66) 7.3%, oklch(24.53% 0.0672 22.88) 9.1%, oklch(25.74% 0.0786 6.84) 10.9%, oklch(27.05% 0.0895 351.21) 12.7%, oklch(28.44% 0.0994 336.67) 14.5%, oklch(29.91% 0.1076 323.89) 16.4%, oklch(31.46% 0.1137 313.54) 18.2%, oklch(33.07% 0.1171 306.29) 20.0%, oklch(34.98% 0.1174 302.26) 21.8%, oklch(37.33% 0.1148 300.82) 23.6%, oklch(39.98% 0.1100 301.47) 25.5%, oklch(42.80% 0.1035 303.76) 27.3%, oklch(45.67% 0.0960 307.20) 29.1%, oklch(48.44% 0.0881 311.31) 30.9%, oklch(50.99% 0.0804 315.62) 32.7%, oklch(53.18% 0.0734 319.65) 34.5%, oklch(54.88% 0.0679 322.92) 36.4%, oklch(55.97% 0.0643 324.97) 38.2%, oklch(56.30% 0.0634 325.31) 40.0%, oklch(55.73% 0.0652 323.90) 41.8%, oklch(54.30% 0.0691 321.24) 43.6%, oklch(52.19% 0.0748 317.61) 45.5%, oklch(49.56% 0.0818 313.35) 47.3%, oklch(46.59% 0.0896 308.75) 49.1%, oklch(43.45% 0.0978 304.13) 50.9%, oklch(40.30% 0.1060 299.79) 52.7%, oklch(37.32% 0.1137 296.05) 54.5%, oklch(34.69% 0.1205 293.21) 56.4%, oklch(32.55% 0.1259 291.59) 58.2%, oklch(31.10% 0.1295 291.50) 60.0%, oklch(30.12% 0.1313 292.97) 61.8%, oklch(29.31% 0.1315 295.72) 63.6%, oklch(28.68% 0.1306 299.52) 65.5%, oklch(28.26% 0.1289 304.16) 67.3%, oklch(28.07% 0.1266 309.43) 69.1%, oklch(28.14% 0.1242 315.11) 70.9%, oklch(28.49% 0.1218 321.00) 72.7%, oklch(29.13% 0.1199 326.86) 74.5%, oklch(30.09% 0.1187 332.50) 76.4%, oklch(31.40% 0.1186 337.69) 78.2%, oklch(33.07% 0.1199 342.22) 80.0%, oklch(35.37% 0.1227 346.42) 81.8%, oklch(38.43% 0.1267 350.71) 83.6%, oklch(42.09% 0.1317 355.02) 85.5%, oklch(46.16% 0.1375 359.29) 87.3%, oklch(50.48% 0.1437 3.45) 89.1%, oklch(54.88% 0.1500 7.43) 90.9%, oklch(59.19% 0.1563 11.18) 92.7%, oklch(63.23% 0.1622 14.61) 94.5%, oklch(66.83% 0.1675 17.66) 96.4%, oklch(69.83% 0.1718 20.27) 98.2%, oklch(72.05% 0.1740 22.38) 100.0%);

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

Gradient hoàng hôn

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