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

Gradient tuyến tính, 32 màu, góc 180°: #081516, #155354, #366298, #8361a9, #d1ac71. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081516
#091a1b
#0a1f21
#0c2728
#0d2f31
#0f373a
#104043
#12494b
#155354
#195f5d
#1d6a65
#1e736d
#1b7a76
#0e7c81
#04788c
#1c6f94
#366298
#4a5695
#594d8f
#644a8c
#6d4c8f
#745296
#7b599f
#8361a9
#8f68af
#9f6daf
#b472a7
#c77996
#d48484
#d89275
#d6a16f
#d1ac71

CSS

background: linear-gradient(180deg in oklch, oklch(18.50% 0.0193 201.09) 0.0%, oklch(20.17% 0.0226 201.17) 3.2%, oklch(22.43% 0.0271 201.35) 6.5%, oklch(25.13% 0.0324 201.54) 9.7%, oklch(28.09% 0.0382 201.64) 12.9%, oklch(31.13% 0.0442 201.56) 16.1%, oklch(34.08% 0.0499 201.21) 19.4%, oklch(37.10% 0.0554 199.70) 22.6%, oklch(40.60% 0.0612 196.17) 25.8%, oklch(44.25% 0.0671 192.05) 29.0%, oklch(47.71% 0.0730 188.83) 32.3%, oklch(50.63% 0.0785 188.00) 35.5%, oklch(52.66% 0.0836 191.06) 38.7%, oklch(53.41% 0.0880 199.70) 41.9%, oklch(52.70% 0.0921 214.66) 45.2%, oklch(51.06% 0.0958 233.65) 48.4%, oklch(49.07% 0.0992 254.22) 51.6%, oklch(47.32% 0.1022 273.87) 54.8%, oklch(46.39% 0.1048 290.15) 58.1%, oklch(46.78% 0.1069 300.63) 61.3%, oklch(48.21% 0.1089 305.04) 64.5%, oklch(50.35% 0.1107 305.63) 67.7%, oklch(52.96% 0.1119 304.79) 71.0%, oklch(55.78% 0.1126 304.92) 74.2%, oklch(58.57% 0.1124 308.41) 77.4%, oklch(61.12% 0.1113 317.66) 80.6%, oklch(63.82% 0.1085 334.22) 83.9%, oklch(66.74% 0.1045 355.97) 87.1%, oklch(69.68% 0.0998 20.07) 90.3%, oklch(72.41% 0.0950 43.65) 93.5%, oklch(74.71% 0.0910 63.85) 96.8%, oklch(76.38% 0.0882 77.81) 100.0%);

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

Bảng màu phù thủy

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