Tím, xanh dương, xanh lá và cam (gradient tuyến tính)

Bảng màu Tím, xanh dương, xanh lá và cam

Gradient tuyến tính, 32 màu, góc 90°: #60418a, #245fa9, #29b4bf, #e5cf56, #d96c31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#60418a
#5e428e
#594492
#534696
#4c499a
#444d9e
#3a52a2
#2f58a6
#245fa9
#1a68ad
#1372b2
#137db6
#1788bb
#1d94bf
#229fc1
#26aac2
#29b4bf
#35bfb8
#4dc9ad
#6dd29d
#90d78a
#b2d876
#cfd564
#e5cf56
#f2c64d
#f7ba45
#f7ac3f
#f39c39
#ec8d34
#e47f31
#dd7430
#d96c31

CSS

background: linear-gradient(90deg in oklch, oklch(44.49% 0.1199 301.64) 0.0%, oklch(44.68% 0.1212 298.12) 3.2%, oklch(44.81% 0.1233 293.44) 6.5%, oklch(44.95% 0.1259 287.88) 9.7%, oklch(45.19% 0.1285 281.69) 12.9%, oklch(45.62% 0.1309 275.12) 16.1%, oklch(46.31% 0.1327 268.44) 19.4%, oklch(47.36% 0.1337 261.91) 22.6%, oklch(48.85% 0.1335 255.78) 25.8%, oklch(50.89% 0.1316 250.35) 29.0%, oklch(53.40% 0.1283 245.35) 32.3%, oklch(56.24% 0.1243 240.41) 35.5%, oklch(59.27% 0.1200 235.14) 38.7%, oklch(62.34% 0.1161 229.17) 41.9%, oklch(65.32% 0.1131 222.11) 45.2%, oklch(68.06% 0.1116 213.58) 48.4%, oklch(70.52% 0.1121 203.09) 51.6%, oklch(73.20% 0.1145 190.03) 54.8%, oklch(76.01% 0.1181 175.05) 58.1%, oklch(78.75% 0.1228 158.94) 61.3%, oklch(81.23% 0.1278 142.51) 64.5%, oklch(83.24% 0.1329 126.57) 67.7%, oklch(84.59% 0.1375 111.91) 71.0%, oklch(85.08% 0.1412 99.35) 74.2%, oklch(84.43% 0.1439 89.09) 77.4%, oklch(82.53% 0.1462 80.03) 80.6%, oklch(79.74% 0.1482 72.05) 83.9%, oklch(76.42% 0.1498 65.07) 87.1%, oklch(72.92% 0.1513 59.04) 90.3%, oklch(69.60% 0.1525 53.88) 93.5%, oklch(66.83% 0.1535 49.52) 96.8%, oklch(64.96% 0.1543 45.91) 100.0%);

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

Gradient bản đồ thời tiết

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