Tím, nâu vàng và xanh cổ vịt (gradient tuyến tính)

Tím, nâu vàng và xanh cổ vịt: bảng màu gồm 32 màu. #5a3383, #9f6483, #d79b5d, #cfcc6f, #71b6af. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5a3383
#5d3786
#603e8b
#644590
#6b4c93
#755295
#825793
#925d8c
#9f6483
#aa6d7b
#b17676
#b87d73
#bf8370
#c6886b
#cd8d66
#d39360
#d79b5d
#dda45b
#e1af5a
#e4b95b
#e4c25e
#dfc862
#d8cb69
#cfcc6f
#c5cb76
#b9ca7e
#acc985
#9cc78f
#8bc49a
#7dbfa4
#75baab
#71b6af

CSS

background: linear-gradient(45deg in oklch, oklch(40.94% 0.1309 303.75) 0.0%, oklch(42.19% 0.1282 303.23) 3.2%, oklch(43.91% 0.1245 301.83) 6.5%, oklch(45.96% 0.1201 300.98) 9.7%, oklch(48.18% 0.1151 302.15) 12.9%, oklch(50.42% 0.1098 306.77) 16.1%, oklch(52.70% 0.1033 316.45) 19.4%, oklch(55.20% 0.0949 330.83) 22.6%, oklch(57.78% 0.0863 347.60) 25.8%, oklch(60.32% 0.0790 4.45) 29.0%, oklch(62.67% 0.0748 19.04) 32.3%, oklch(64.72% 0.0752 29.86) 35.5%, oklch(66.51% 0.0797 38.50) 38.7%, oklch(68.17% 0.0868 45.77) 41.9%, oklch(69.80% 0.0947 52.29) 45.2%, oklch(71.52% 0.1019 58.72) 48.4%, oklch(73.47% 0.1073 65.54) 51.6%, oklch(75.82% 0.1129 72.14) 54.8%, oklch(78.32% 0.1183 78.49) 58.1%, oklch(80.61% 0.1227 84.68) 61.3%, oklch(82.36% 0.1252 90.79) 64.5%, oklch(83.26% 0.1249 96.84) 67.7%, oklch(83.33% 0.1214 102.14) 71.0%, oklch(82.80% 0.1155 107.08) 74.2%, oklch(81.89% 0.1085 112.38) 77.4%, oklch(80.80% 0.1015 118.79) 80.6%, oklch(79.75% 0.0956 127.07) 83.9%, oklch(78.45% 0.0898 138.68) 87.1%, oklch(76.87% 0.0839 152.60) 90.3%, oklch(75.24% 0.0784 166.80) 93.5%, oklch(73.82% 0.0737 179.24) 96.8%, oklch(72.83% 0.0703 187.86) 100.0%);

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

Bảng màu bộ bốn

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