Tím đậm, tím, xanh dương và hồng (gradient xuyên tâm)

Tím đậm, tím, xanh dương và hồng: bảng màu gồm 32 màu. #1b0433, #4d213e, #6562d7, #dc6db9, #02000e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b0433
#1f0633
#240833
#2a0c32
#300f31
#371432
#3e1833
#451d37
#4d213e
#55264a
#5d2c5c
#633372
#653c8c
#6347a4
#6051ba
#5f5bcb
#6562d7
#7767e1
#906be7
#ac6ee7
#c570e0
#d771d4
#df70c6
#dc6db9
#cb65ac
#ad579c
#884586
#60326d
#3c2050
#1e0e35
#0a031e
#02000e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0868 300.94) 0.0%, oklch(19.83% 0.0851 304.99) 3.2%, oklch(20.99% 0.0821 311.20) 6.5%, oklch(22.37% 0.0784 318.65) 9.7%, oklch(23.95% 0.0749 326.39) 12.9%, oklch(25.73% 0.0722 333.50) 16.1%, oklch(27.68% 0.0712 339.04) 19.4%, oklch(29.80% 0.0727 342.08) 22.6%, oklch(32.09% 0.0773 341.64) 25.8%, oklch(34.75% 0.0864 336.62) 29.0%, oklch(37.76% 0.0991 327.92) 32.3%, oklch(40.99% 0.1141 317.01) 35.5%, oklch(44.31% 0.1299 305.36) 38.7%, oklch(47.59% 0.1452 294.41) 41.9%, oklch(50.69% 0.1586 285.65) 45.2%, oklch(53.48% 0.1688 280.54) 48.4%, oklch(56.01% 0.1748 280.49) 51.6%, oklch(59.04% 0.1786 285.64) 54.8%, oklch(62.35% 0.1807 294.52) 58.1%, oklch(65.53% 0.1809 305.59) 61.3%, oklch(68.18% 0.1795 317.30) 64.5%, oklch(69.87% 0.1762 328.10) 67.7%, oklch(70.21% 0.1713 336.45) 71.0%, oklch(68.79% 0.1645 340.81) 74.2%, oklch(64.96% 0.1552 340.13) 77.4%, oklch(58.37% 0.1416 335.47) 80.6%, oklch(49.85% 0.1251 327.95) 83.9%, oklch(40.26% 0.1071 318.68) 87.1%, oklch(30.44% 0.0890 308.76) 90.3%, oklch(21.27% 0.0722 299.29) 93.5%, oklch(13.59% 0.0581 291.39) 96.8%, oklch(8.29% 0.0481 286.07) 100.0%);

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

Gradient tím và 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