Xanh dương, đỏ, tím và hồng tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, đỏ, tím và hồng tông rực rỡ

Gradient tuyến tính, 32 màu, góc 140°: #00a9cf, #e33f71, #873599, #364aa8, #e50080. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00a9cf
#21a4da
#449be6
#698eef
#8d7eed
#ae6ddd
#c85bbf
#da4b99
#e33f71
#e5374c
#e3332f
#de2e28
#d62739
#ca2254
#b8256f
#a22d87
#873599
#6c3ca2
#5142a3
#3a479f
#274a9b
#1f4b9b
#264ba0
#364aa8
#4b47b1
#6443b8
#7e3dbb
#9936b6
#b22dac
#c8219c
#d9128c
#e50080

CSS

background: linear-gradient(140deg in oklch, oklch(68.11% 0.1254 221.49) 0.0%, oklch(67.65% 0.1310 232.29) 3.2%, oklch(67.10% 0.1391 247.73) 6.5%, oklch(66.46% 0.1490 266.54) 9.7%, oklch(65.75% 0.1600 287.47) 12.9%, oklch(64.95% 0.1715 309.26) 16.1%, oklch(64.08% 0.1827 330.68) 19.4%, oklch(63.13% 0.1930 350.45) 22.6%, oklch(62.11% 0.2017 7.33) 25.8%, oklch(61.01% 0.2082 20.07) 29.0%, oklch(59.85% 0.2118 27.42) 32.3%, oklch(58.54% 0.2117 28.13) 35.5%, oklch(56.86% 0.2076 22.23) 38.7%, oklch(54.91% 0.2003 11.08) 41.9%, oklch(52.80% 0.1909 356.09) 45.2%, oklch(50.64% 0.1801 338.66) 48.4%, oklch(48.55% 0.1690 320.20) 51.6%, oklch(46.63% 0.1585 302.10) 54.8%, oklch(45.00% 0.1493 285.79) 58.1%, oklch(43.77% 0.1426 272.65) 61.3%, oklch(43.05% 0.1392 264.10) 64.5%, oklch(42.96% 0.1399 261.42) 67.7%, oklch(43.58% 0.1447 263.83) 71.0%, oklch(44.81% 0.1529 270.16) 74.2%, oklch(46.49% 0.1635 279.55) 77.4%, oklch(48.51% 0.1759 291.12) 80.6%, oklch(50.72% 0.1892 304.00) 83.9%, oklch(52.98% 0.2028 317.33) 87.1%, oklch(55.16% 0.2158 330.25) 90.3%, oklch(57.13% 0.2275 341.88) 93.5%, oklch(58.73% 0.2371 351.35) 96.8%, oklch(59.85% 0.2439 357.81) 100.0%);

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

Màu zine

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