Tím đậm, tím và tím oải hương (gradient hình nón)

Gradient hình nón, 32 màu, góc 225°: #4c3a53, #845b9e, #c393e3, #c8bbe6, #696484. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4c3a53
#503d59
#564160
#5d4569
#654a73
#6c4f7d
#745387
#7c5792
#845b9e
#8c5fa9
#9464b4
#9c6bbe
#a571c7
#ad79cf
#b581d6
#bd8add
#c393e3
#ca9ee7
#d0abeb
#d5b6ee
#d7beee
#d6c1ed
#d1c0ea
#c8bbe6
#beb5e0
#b3acd8
#a7a3ce
#9a97c0
#8c88af
#7e7a9d
#716d8e
#696484

CSS

background: conic-gradient(from 225deg in oklch, oklch(37.80% 0.0482 315.70) 0.0%, oklch(39.11% 0.0523 315.27) 3.2%, oklch(40.96% 0.0579 314.66) 6.5%, oklch(43.13% 0.0647 313.95) 9.7%, oklch(45.44% 0.0722 313.24) 12.9%, oklch(47.68% 0.0800 312.62) 16.1%, oklch(49.79% 0.0888 312.10) 19.4%, oklch(51.93% 0.0994 311.58) 22.6%, oklch(54.12% 0.1104 311.10) 25.8%, oklch(56.36% 0.1203 310.71) 29.0%, oklch(58.67% 0.1278 310.46) 32.3%, oklch(61.06% 0.1321 310.44) 35.5%, oklch(63.56% 0.1345 310.71) 38.7%, oklch(66.14% 0.1349 311.11) 41.9%, oklch(68.71% 0.1333 311.46) 45.2%, oklch(71.22% 0.1295 311.57) 48.4%, oklch(73.72% 0.1229 311.33) 51.6%, oklch(76.62% 0.1117 311.05) 54.8%, oklch(79.56% 0.0978 310.60) 58.1%, oklch(82.12% 0.0836 309.82) 61.3%, oklch(83.82% 0.0716 308.51) 64.5%, oklch(84.24% 0.0643 306.44) 67.7%, oklch(83.47% 0.0613 303.09) 71.0%, oklch(81.79% 0.0609 298.95) 74.2%, oklch(79.42% 0.0618 294.73) 77.4%, oklch(76.58% 0.0625 291.19) 80.6%, oklch(73.47% 0.0617 289.05) 83.9%, oklch(69.40% 0.0595 288.44) 87.1%, oklch(64.48% 0.0568 288.86) 90.3%, oklch(59.44% 0.0539 289.81) 93.5%, oklch(55.03% 0.0514 290.82) 96.8%, oklch(51.97% 0.0496 291.40) 100.0%);

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

Tím oải hương

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