Nâu, đỏ nâu và hồng (tương đồng) (gradient xuyên tâm)

Nâu, đỏ nâu và hồng (tương đồng): bảng màu gồm 40 màu. #340a02, #78251e, #c14856, #eb7aa6, #ecbfed. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#340a02
#380c03
#3d0d04
#421005
#491207
#4f150a
#57180d
#5f1b11
#671e15
#6f2219
#78251e
#802923
#882c28
#8f302d
#963332
#9d3738
#a53a3d
#ac3d43
#b34149
#ba454f
#c14856
#c84c5d
#ce5065
#d4556d
#da5a75
#df5f7e
#e36587
#e66b90
#e9729b
#eb7aa6
#ed82b1
#ed8abb
#ed92c5
#ed9ace
#eda2d6
#eda9dc
#ecb0e2
#ecb6e7
#ecbbea
#ecbfed

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0703 35.16) 0.0%, oklch(23.06% 0.0730 34.77) 2.6%, oklch(24.31% 0.0764 34.32) 5.1%, oklch(25.77% 0.0805 33.83) 7.7%, oklch(27.42% 0.0851 33.28) 10.3%, oklch(29.20% 0.0901 32.67) 12.8%, oklch(31.10% 0.0953 32.01) 15.4%, oklch(33.09% 0.1007 31.29) 17.9%, oklch(35.12% 0.1061 30.51) 20.5%, oklch(37.17% 0.1115 29.66) 23.1%, oklch(39.20% 0.1166 28.76) 25.6%, oklch(41.18% 0.1214 27.79) 28.2%, oklch(43.09% 0.1258 26.75) 30.8%, oklch(44.88% 0.1295 25.65) 33.3%, oklch(46.61% 0.1331 24.50) 35.9%, oklch(48.35% 0.1369 23.34) 38.5%, oklch(50.09% 0.1408 22.14) 41.0%, oklch(51.83% 0.1446 20.90) 43.6%, oklch(53.56% 0.1483 19.61) 46.2%, oklch(55.29% 0.1518 18.24) 48.7%, oklch(57.01% 0.1549 16.78) 51.3%, oklch(58.71% 0.1575 15.23) 53.8%, oklch(60.40% 0.1596 13.57) 56.4%, oklch(62.07% 0.1610 11.79) 59.0%, oklch(63.72% 0.1615 9.87) 61.5%, oklch(65.34% 0.1612 7.80) 64.1%, oklch(66.93% 0.1598 5.57) 66.7%, oklch(68.54% 0.1571 3.03) 69.2%, oklch(70.20% 0.1528 0.09) 71.8%, oklch(71.89% 0.1473 356.85) 74.4%, oklch(73.60% 0.1408 353.38) 76.9%, oklch(75.29% 0.1335 349.76) 79.5%, oklch(76.95% 0.1257 346.07) 82.1%, oklch(78.55% 0.1178 342.41) 84.6%, oklch(80.08% 0.1099 338.84) 87.2%, oklch(81.51% 0.1022 335.46) 89.7%, oklch(82.82% 0.0952 332.35) 92.3%, oklch(83.99% 0.0889 329.58) 94.9%, oklch(85.00% 0.0838 327.24) 97.4%, oklch(85.83% 0.0799 325.41) 100.0%);

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

Gradient nhiệt đới

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