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

Gradient xuyên tâm, 32 màu: #381524, #5c202c, #88352c, #a75533, #bf7643. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#381524
#3b1625
#3e1726
#421828
#471a29
#4b1b2a
#511c2b
#561e2c
#5c202c
#62222d
#68242d
#6e262d
#74282d
#792b2c
#7f2e2c
#84312c
#88352c
#8d382c
#913d2c
#96412d
#9a462e
#9f4b2f
#a35031
#a75533
#ab5a35
#af5f37
#b26439
#b5693c
#b86d3e
#bb7040
#bd7342
#bf7643

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.59% 0.0593 355.08) 0.0%, oklch(26.24% 0.0614 356.28) 3.2%, oklch(27.03% 0.0642 357.75) 6.5%, oklch(27.93% 0.0675 359.45) 9.7%, oklch(28.94% 0.0713 1.36) 12.9%, oklch(30.04% 0.0754 3.44) 16.1%, oklch(31.21% 0.0797 5.67) 19.4%, oklch(32.45% 0.0842 8.00) 22.6%, oklch(33.74% 0.0888 10.42) 25.8%, oklch(35.07% 0.0934 12.88) 29.0%, oklch(36.42% 0.0978 15.35) 32.3%, oklch(37.79% 0.1020 17.81) 35.5%, oklch(39.15% 0.1059 20.22) 38.7%, oklch(40.49% 0.1094 22.56) 41.9%, oklch(41.81% 0.1124 24.78) 45.2%, oklch(43.08% 0.1148 26.86) 48.4%, oklch(44.32% 0.1166 28.80) 51.6%, oklch(45.63% 0.1178 30.76) 54.8%, oklch(47.00% 0.1186 32.75) 58.1%, oklch(48.43% 0.1191 34.75) 61.3%, oklch(49.89% 0.1192 36.76) 64.5%, oklch(51.37% 0.1190 38.75) 67.7%, oklch(52.85% 0.1186 40.71) 71.0%, oklch(54.31% 0.1181 42.63) 74.2%, oklch(55.74% 0.1174 44.47) 77.4%, oklch(57.12% 0.1166 46.24) 80.6%, oklch(58.44% 0.1158 47.91) 83.9%, oklch(59.67% 0.1150 49.47) 87.1%, oklch(60.79% 0.1142 50.90) 90.3%, oklch(61.80% 0.1136 52.19) 93.5%, oklch(62.67% 0.1132 53.31) 96.8%, oklch(63.39% 0.1130 54.26) 100.0%);

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

Gradient chữ

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