Tím, hồng đào, be và hồng (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #014374, #cf6d00, #ffc59c, #91baa3, #ee8490. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#014374
#1a427b
#2f4182
#444088
#5a3d8a
#703a86
#86387d
#99376e
#aa385b
#b63d47
#be4532
#c44f1c
#c85903
#ca6400
#cf6d00
#d4750f
#d97d22
#dd8532
#e28d40
#e7944c
#eb9b57
#eea161
#f1a768
#f4ad6f
#f8b277
#fbb67e
#ffbb86
#ffc092
#ffc59c
#ffc9a3
#ffcca8
#ffcea9
#ffd0a6
#fdd09f
#f6d19d
#ead19b
#ddcf9a
#cecc9a
#bdc99a
#adc49c
#9ec09f
#91baa3
#86b5a7
#7db1ac
#78adb2
#75aab9
#77a7c2
#7fa3cb
#8d9fd2
#9e99d5
#b193d3
#c48eca
#d489bd
#e086ae
#e9859e
#ee8490

CSS

background: linear-gradient(135deg in oklch, oklch(37.40% 0.1020 248.91) 0.0%, oklch(38.47% 0.1055 257.52) 1.8%, oklch(39.81% 0.1105 269.11) 3.6%, oklch(41.40% 0.1166 283.03) 5.5%, oklch(43.17% 0.1234 298.64) 7.3%, oklch(45.10% 0.1306 315.29) 9.1%, oklch(47.14% 0.1378 332.34) 10.9%, oklch(49.25% 0.1447 349.14) 12.7%, oklch(51.38% 0.1508 5.06) 14.5%, oklch(53.49% 0.1559 19.46) 16.4%, oklch(55.54% 0.1594 31.67) 18.2%, oklch(57.48% 0.1612 41.08) 20.0%, oklch(59.41% 0.1611 47.85) 21.8%, oklch(61.43% 0.1564 52.76) 23.6%, oklch(63.50% 0.1552 56.13) 25.5%, oklch(65.60% 0.1530 58.24) 27.3%, oklch(67.71% 0.1484 59.32) 29.1%, oklch(69.78% 0.1433 59.67) 30.9%, oklch(71.80% 0.1379 59.56) 32.7%, oklch(73.73% 0.1325 59.28) 34.5%, oklch(75.55% 0.1273 59.09) 36.4%, oklch(77.23% 0.1226 59.27) 38.2%, oklch(78.74% 0.1185 60.10) 40.0%, oklch(80.17% 0.1149 60.79) 41.8%, oklch(81.59% 0.1112 60.58) 43.6%, oklch(82.98% 0.1076 59.77) 45.5%, oklch(84.30% 0.1040 58.66) 47.3%, oklch(85.52% 0.0944 57.58) 49.1%, oklch(86.59% 0.0859 56.81) 50.9%, oklch(87.48% 0.0794 56.67) 52.7%, oklch(88.17% 0.0754 57.47) 54.5%, oklch(88.60% 0.0742 59.51) 56.4%, oklch(88.75% 0.0767 63.11) 58.2%, oklch(88.58% 0.0813 68.55) 60.0%, oklch(87.96% 0.0782 75.89) 61.8%, oklch(86.83% 0.0747 84.80) 63.6%, oklch(85.30% 0.0710 95.09) 65.5%, oklch(83.47% 0.0673 106.54) 67.3%, oklch(81.46% 0.0637 118.97) 69.1%, oklch(79.36% 0.0605 132.17) 70.9%, oklch(77.28% 0.0578 145.94) 72.7%, oklch(75.33% 0.0559 160.09) 74.5%, oklch(73.60% 0.0549 174.41) 76.4%, oklch(72.21% 0.0550 188.70) 78.2%, oklch(71.26% 0.0565 202.76) 80.0%, oklch(70.72% 0.0597 217.58) 81.8%, oklch(70.47% 0.0648 233.95) 83.6%, oklch(70.46% 0.0713 251.41) 85.5%, oklch(70.64% 0.0789 269.49) 87.3%, oklch(70.96% 0.0872 287.72) 89.1%, oklch(71.38% 0.0958 305.63) 90.9%, oklch(71.85% 0.1042 322.75) 92.7%, oklch(72.31% 0.1122 338.61) 94.5%, oklch(72.73% 0.1194 352.75) 96.4%, oklch(73.05% 0.1253 4.68) 98.2%, oklch(73.23% 0.1295 13.96) 100.0%);

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

Gradient cam và xanh dương

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