Nâu, vàng, cam và be tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #593b32, #a75128, #fde182, #ba470a, #fbeed2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#593b32
#5d3b31
#61392f
#66372d
#6b342b
#713229
#793229
#813429
#8c3929
#984329
#a75128
#b76228
#c5762a
#d28a30
#dc9e3a
#e4af45
#eabb4f
#f0c75c
#f5d16a
#f9db77
#fde182
#ffe58d
#ffe594
#ffe18e
#fdd67f
#f5c169
#e9a54c
#db8530
#cb6417
#ba470a
#ad300c
#a62711
#a83119
#b14725
#bd6438
#cb8555
#d9a677
#e7c59b
#f3debb
#fbeed2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(38.58% 0.0455 37.27) 0.0%, oklch(38.87% 0.0514 36.44) 2.6%, oklch(39.04% 0.0598 34.89) 5.1%, oklch(39.22% 0.0697 33.02) 7.7%, oklch(39.56% 0.0805 31.22) 10.3%, oklch(40.21% 0.0914 29.89) 12.8%, oklch(41.31% 0.1016 29.41) 15.4%, oklch(43.00% 0.1103 30.19) 17.9%, oklch(45.44% 0.1169 32.63) 20.5%, oklch(48.98% 0.1219 37.27) 23.1%, oklch(53.47% 0.1261 43.77) 25.6%, oklch(58.57% 0.1294 51.46) 28.2%, oklch(63.95% 0.1318 59.70) 30.8%, oklch(69.26% 0.1336 67.83) 33.3%, oklch(74.17% 0.1346 75.20) 35.9%, oklch(78.32% 0.1350 81.15) 38.5%, oklch(81.50% 0.1348 85.18) 41.0%, oklch(84.43% 0.1326 88.34) 43.6%, oklch(87.18% 0.1289 90.86) 46.2%, oklch(89.56% 0.1243 92.63) 48.7%, oklch(91.38% 0.1197 93.56) 51.3%, oklch(92.46% 0.1117 93.55) 53.8%, oklch(92.62% 0.1043 92.49) 56.4%, oklch(91.67% 0.1075 90.28) 59.0%, oklch(89.13% 0.1151 86.40) 61.5%, oklch(84.04% 0.1219 79.53) 64.1%, oklch(77.14% 0.1315 70.53) 66.7%, oklch(69.35% 0.1424 60.52) 69.2%, oklch(61.59% 0.1529 50.57) 71.8%, oklch(54.78% 0.1614 41.79) 74.4%, oklch(49.83% 0.1663 35.27) 76.9%, oklch(47.66% 0.1662 32.11) 79.5%, oklch(48.99% 0.1592 33.18) 82.1%, oklch(53.40% 0.1460 37.95) 84.6%, oklch(60.00% 0.1283 45.37) 87.2%, oklch(67.92% 0.1080 54.41) 89.7%, oklch(76.28% 0.0871 64.02) 92.3%, oklch(84.21% 0.0676 73.17) 94.9%, oklch(90.84% 0.0512 80.80) 97.4%, oklch(95.28% 0.0400 85.88) 100.0%);

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