Cầu vồng từ hồng sang xanh dương (gradient tuyến tính)

Bảng màu Cầu vồng từ hồng sang xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #e93e8d, #fb8631, #a1c559, #009ec1, #6f4ac9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e93e8d
#eb4184
#ee4578
#f04b6a
#f2535b
#f35d4c
#f4683f
#f77535
#fb8631
#ff9835
#ffab45
#ffb94a
#fac44b
#eccb4f
#d8cc51
#beca54
#a1c559
#80bf62
#5dba6f
#31b780
#00b194
#00aba5
#00a4b3
#009ec1
#1d96cd
#398dd1
#4882d2
#5376d3
#5c6ad2
#645ed0
#6a53cd
#6f4ac9

CSS

background: linear-gradient(45deg in oklch, oklch(63.78% 0.2150 357.19) 0.0%, oklch(64.19% 0.2114 1.40) 3.2%, oklch(64.66% 0.2064 7.13) 6.5%, oklch(65.26% 0.2005 13.96) 9.7%, oklch(66.06% 0.1941 21.48) 12.9%, oklch(67.14% 0.1877 29.27) 16.1%, oklch(68.56% 0.1816 36.92) 19.4%, oklch(70.67% 0.1759 44.27) 22.6%, oklch(73.71% 0.1696 51.66) 25.8%, oklch(77.18% 0.1626 59.26) 29.0%, oklch(80.54% 0.1500 67.15) 32.3%, oklch(83.28% 0.1470 75.47) 35.5%, oklch(84.85% 0.1475 84.34) 38.7%, oklch(84.79% 0.1444 93.81) 41.9%, oklch(83.20% 0.1427 103.72) 45.2%, oklch(80.58% 0.1420 114.08) 48.4%, oklch(77.41% 0.1418 124.93) 51.6%, oklch(74.18% 0.1417 136.30) 54.8%, oklch(71.36% 0.1412 148.24) 58.1%, oklch(69.39% 0.1399 160.91) 61.3%, oklch(67.95% 0.1280 175.12) 64.5%, oklch(66.79% 0.1152 190.42) 67.7%, oklch(65.77% 0.1125 206.00) 71.0%, oklch(64.78% 0.1189 221.09) 74.2%, oklch(63.66% 0.1276 234.88) 77.4%, oklch(62.30% 0.1304 246.65) 80.6%, oklch(60.58% 0.1373 256.98) 83.9%, oklch(58.63% 0.1473 266.32) 87.1%, oklch(56.62% 0.1590 274.57) 90.3%, oklch(54.72% 0.1706 281.65) 93.5%, oklch(53.11% 0.1806 287.50) 96.8%, oklch(51.97% 0.1874 292.02) 100.0%);

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

Gradient nhiều màu

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