Tím, hồng và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #4f337e, #9072bc, #d5b5d6, #f1b892, #bf5923. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f337e
#543784
#5b3d8b
#634494
#6c4c9d
#7555a6
#7e5dad
#8767b5
#9072bc
#9a7cc3
#a486c9
#ac8fcd
#b498d2
#bca2d5
#c3aad8
#ccb0d8
#d5b5d6
#dfb8d0
#e7bcc8
#ebbfbf
#edc2b6
#edc1ad
#efbea1
#f1b892
#f3af81
#f3a670
#ef9b60
#e78f51
#dc7f42
#d17035
#c6632b
#bf5923

CSS

background: linear-gradient(90deg in oklch, oklch(39.37% 0.1226 297.42) 0.0%, oklch(41.03% 0.1237 297.82) 3.2%, oklch(43.33% 0.1254 298.37) 6.5%, oklch(46.06% 0.1271 299.03) 9.7%, oklch(48.99% 0.1279 299.74) 12.9%, oklch(51.89% 0.1271 300.47) 16.1%, oklch(54.78% 0.1242 301.10) 19.4%, oklch(57.89% 0.1198 301.58) 22.6%, oklch(61.08% 0.1142 302.13) 25.8%, oklch(64.23% 0.1079 302.95) 29.0%, oklch(67.19% 0.1014 304.25) 32.3%, oklch(69.92% 0.0945 305.71) 35.5%, oklch(72.59% 0.0864 306.39) 38.7%, oklch(75.13% 0.0778 307.39) 41.9%, oklch(77.45% 0.0697 309.98) 45.2%, oklch(79.46% 0.0631 315.43) 48.4%, oklch(81.10% 0.0585 325.29) 51.6%, oklch(82.51% 0.0544 340.98) 54.8%, oklch(83.66% 0.0513 359.92) 58.1%, oklch(84.43% 0.0502 19.06) 61.3%, oklch(84.74% 0.0519 35.34) 64.5%, oklch(84.50% 0.0576 45.92) 67.7%, oklch(83.74% 0.0688 51.72) 71.0%, oklch(82.51% 0.0838 54.41) 74.2%, oklch(80.85% 0.1000 55.08) 77.4%, oklch(78.78% 0.1147 54.83) 80.6%, oklch(76.33% 0.1254 54.73) 83.9%, oklch(72.95% 0.1326 53.82) 87.1%, oklch(68.82% 0.1377 51.74) 90.3%, oklch(64.57% 0.1413 49.17) 93.5%, oklch(60.85% 0.1439 46.77) 96.8%, oklch(58.27% 0.1461 45.21) 100.0%);

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

Gradient cam và tím

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