Tím, đỏ nâu và nâu tông ấm (gradient xuyên tâm)

Tím, đỏ nâu và nâu tông ấm: bảng màu gồm 32 màu. #c270b3, #9c4678, #702035, #4c1506, #2e1d06. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c270b3
#bf6dae
#bb69a9
#b764a2
#b25e9a
#ad5892
#a75289
#a14c81
#9c4678
#96406f
#913b67
#8c365f
#863256
#812d4e
#7b2845
#75243d
#702035
#6a1c2d
#641925
#5f171e
#5a1517
#551411
#51140b
#4c1506
#471702
#431800
#3e1a00
#3a1b00
#361c02
#331d03
#301d05
#2e1d06

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(65.75% 0.1337 333.98) 0.0%, oklch(64.71% 0.1333 334.95) 3.2%, oklch(63.36% 0.1329 336.09) 6.5%, oklch(61.78% 0.1324 337.41) 9.7%, oklch(60.00% 0.1319 338.90) 12.9%, oklch(58.08% 0.1314 340.56) 16.1%, oklch(56.07% 0.1306 342.38) 19.4%, oklch(54.03% 0.1298 344.35) 22.6%, oklch(52.00% 0.1287 346.47) 25.8%, oklch(50.05% 0.1275 348.73) 29.0%, oklch(48.21% 0.1260 351.12) 32.3%, oklch(46.49% 0.1242 353.66) 35.5%, oklch(44.72% 0.1223 356.35) 38.7%, oklch(42.91% 0.1203 359.21) 41.9%, oklch(41.10% 0.1181 2.22) 45.2%, oklch(39.30% 0.1157 5.38) 48.4%, oklch(37.54% 0.1131 8.67) 51.6%, oklch(35.85% 0.1103 12.11) 54.8%, oklch(34.27% 0.1073 15.67) 58.1%, oklch(32.80% 0.1040 19.36) 61.3%, oklch(31.49% 0.1004 23.16) 64.5%, oklch(30.35% 0.0965 27.12) 67.7%, oklch(29.36% 0.0918 31.57) 71.0%, oklch(28.51% 0.0864 36.51) 74.2%, oklch(27.78% 0.0805 41.76) 77.4%, oklch(27.15% 0.0744 47.16) 80.6%, oklch(26.62% 0.0681 52.38) 83.9%, oklch(26.15% 0.0622 57.74) 87.1%, oklch(25.76% 0.0566 62.58) 90.3%, oklch(25.41% 0.0515 66.90) 93.5%, oklch(25.09% 0.0473 70.54) 96.8%, oklch(24.80% 0.0441 73.32) 100.0%);

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

Tím mận đen

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