Cầu vồng từ tím sang nâu (gradient tuyến tính)

Cầu vồng từ tím sang nâu: bảng màu gồm 40 màu. #7e63b6, #eff6ae, #6431ce, #521a0c, #d79342. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 5 keyframe OKLCH chỉnh sửa được.

#7e63b6
#9268b6
#ab70b5
#c57db2
#df8dad
#f5a1a7
#ffb9a8
#ffd1b3
#ffe3bc
#ffefb1
#eff6ae
#d1f8b0
#a5f4b5
#67ebbf
#00d9cd
#00c0d1
#00a6d1
#008cd5
#0a6af0
#4c4be3
#6431ce
#7117b1
#76008e
#73006b
#6d004f
#670038
#610026
#5a0a19
#541311
#521a0c
#54210b
#5c2b0d
#683612
#774419
#895221
#9c6129
#af7031
#c07e38
#ce8a3d
#d79342

CSS

background: linear-gradient(45deg in oklch, oklch(56.30% 0.1268 297.42) 0.0%, oklch(59.09% 0.1238 307.89) 2.6%, oklch(63.18% 0.1189 321.39) 5.1%, oklch(68.19% 0.1129 337.37) 7.7%, oklch(73.71% 0.1063 355.28) 10.3%, oklch(79.34% 0.0998 14.59) 12.8%, oklch(84.67% 0.0852 34.75) 15.4%, oklch(89.32% 0.0657 55.22) 17.9%, oklch(92.88% 0.0590 75.44) 20.5%, oklch(94.94% 0.0801 94.88) 23.1%, oklch(95.13% 0.0924 113.07) 25.6%, oklch(93.35% 0.1016 131.25) 28.2%, oklch(89.97% 0.1155 149.87) 30.8%, oklch(85.33% 0.1326 168.73) 33.3%, oklch(79.81% 0.1390 187.63) 35.9%, oklch(73.75% 0.1263 206.36) 38.5%, oklch(67.52% 0.1276 224.71) 41.0%, oklch(61.49% 0.1472 242.48) 43.6%, oklch(56.01% 0.2161 259.44) 46.2%, oklch(51.44% 0.2225 275.42) 48.7%, oklch(47.94% 0.2222 290.33) 51.3%, oklch(44.63% 0.2151 304.69) 53.8%, oklch(41.41% 0.2002 318.55) 56.4%, oklch(38.39% 0.1734 331.84) 59.0%, oklch(35.68% 0.1520 344.49) 61.5%, oklch(33.38% 0.1365 356.42) 64.1%, oklch(31.61% 0.1266 7.54) 66.7%, oklch(30.44% 0.1105 17.70) 69.2%, oklch(30.02% 0.0963 26.98) 71.8%, oklch(30.46% 0.0869 35.22) 74.4%, oklch(32.01% 0.0829 42.29) 76.9%, oklch(34.98% 0.0826 48.06) 79.5%, oklch(39.08% 0.0853 52.70) 82.1%, oklch(43.96% 0.0902 56.37) 84.6%, oklch(49.31% 0.0966 59.25) 87.2%, oklch(54.81% 0.1039 61.51) 89.7%, oklch(60.11% 0.1112 63.32) 92.3%, oklch(64.91% 0.1180 64.85) 94.9%, oklch(68.86% 0.1234 66.27) 97.4%, oklch(71.65% 0.1268 67.75) 100.0%);

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

Gradient cầu vồng vòng lặp

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