Cầu vồng từ hồng đào sang xanh cổ vịt (gradient tuyến tính)

Bảng màu Cầu vồng từ hồng đào sang xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 225°: #f1dc8b, #ed9ac5, #645bbe, #1e3250, #4fccac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1dc8b
#f8d588
#ffcd89
#ffc698
#ffbea2
#ffb5aa
#ffaab2
#f8a1bd
#ed9ac5
#df93ca
#d18ace
#c081d1
#ae78d2
#9c6fd1
#8968ce
#7661c8
#645bbe
#5354ae
#444b9a
#374284
#2d3a70
#25345f
#203154
#1e3250
#1e3955
#1e4862
#1e5c73
#1d7586
#1e8f96
#2aa9a2
#3dbea9
#4fccac

CSS

background: linear-gradient(225deg in oklch, oklch(89.37% 0.1033 94.92) 0.0%, oklch(88.62% 0.1036 86.24) 3.2%, oklch(87.71% 0.1026 74.34) 6.5%, oklch(86.64% 0.0890 60.14) 9.7%, oklch(85.39% 0.0848 44.59) 12.9%, oklch(83.93% 0.0887 28.63) 16.1%, oklch(82.25% 0.1007 13.20) 19.4%, oklch(80.34% 0.1081 359.24) 22.6%, oklch(78.17% 0.1111 347.62) 25.8%, oklch(75.61% 0.1166 337.38) 29.0%, oklch(72.71% 0.1241 327.90) 32.3%, oklch(69.56% 0.1326 319.13) 35.5%, oklch(66.24% 0.1409 311.00) 38.7%, oklch(62.86% 0.1480 303.47) 41.9%, oklch(59.50% 0.1527 296.49) 45.2%, oklch(56.27% 0.1540 289.98) 48.4%, oklch(53.09% 0.1505 284.10) 51.6%, oklch(49.21% 0.1411 279.70) 54.8%, oklch(44.88% 0.1273 276.45) 58.1%, oklch(40.54% 0.1112 273.79) 61.3%, oklch(36.62% 0.0945 271.17) 64.5%, oklch(33.53% 0.0792 268.03) 67.7%, oklch(31.72% 0.0670 263.84) 71.0%, oklch(31.60% 0.0600 258.02) 74.2%, oklch(33.75% 0.0594 249.91) 77.4%, oklch(38.33% 0.0639 239.33) 80.6%, oklch(44.64% 0.0723 227.14) 83.9%, oklch(51.95% 0.0830 214.22) 87.1%, oklch(59.55% 0.0946 201.44) 90.3%, oklch(66.70% 0.1058 189.69) 93.5%, oklch(72.69% 0.1152 179.84) 96.8%, oklch(76.77% 0.1213 172.77) 100.0%);

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

Màu siêu thực

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