Be, vàng và cam tông rực rỡ (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #ffeba5, #ffdf86, #ffcf62, #ffc14b, #ffb539. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffeba5
#ffeaa3
#ffe9a0
#ffe89c
#ffe698
#ffe594
#ffe390
#ffe18b
#ffdf86
#ffdd81
#ffdb7c
#ffd977
#ffd772
#ffd56e
#ffd369
#ffd165
#ffcf62
#ffcd5e
#ffcb5b
#ffc958
#ffc755
#ffc551
#ffc34e
#ffc14b
#ffbf49
#ffbd46
#ffbc43
#ffba41
#ffb83f
#ffb73d
#ffb63b
#ffb539

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0905 94.23) 0.0%, oklch(93.86% 0.0926 93.92) 3.2%, oklch(93.58% 0.0952 93.56) 6.5%, oklch(93.26% 0.0981 93.15) 9.7%, oklch(92.90% 0.1012 92.69) 12.9%, oklch(92.50% 0.1042 92.19) 16.1%, oklch(92.08% 0.1073 91.66) 19.4%, oklch(91.63% 0.1106 91.09) 22.6%, oklch(91.17% 0.1140 90.50) 25.8%, oklch(90.70% 0.1174 89.89) 29.0%, oklch(90.23% 0.1208 89.26) 32.3%, oklch(89.75% 0.1241 88.63) 35.5%, oklch(89.29% 0.1273 87.98) 38.7%, oklch(88.84% 0.1302 87.34) 41.9%, oklch(88.40% 0.1329 86.70) 45.2%, oklch(87.99% 0.1353 86.08) 48.4%, oklch(87.60% 0.1372 85.46) 51.6%, oklch(87.21% 0.1390 84.79) 54.8%, oklch(86.80% 0.1407 84.07) 58.1%, oklch(86.39% 0.1422 83.32) 61.3%, oklch(85.97% 0.1438 82.54) 64.5%, oklch(85.56% 0.1452 81.75) 67.7%, oklch(85.15% 0.1466 80.95) 71.0%, oklch(84.74% 0.1479 80.15) 74.2%, oklch(84.35% 0.1492 79.37) 77.4%, oklch(83.98% 0.1503 78.62) 80.6%, oklch(83.62% 0.1515 77.90) 83.9%, oklch(83.29% 0.1525 77.23) 87.1%, oklch(82.99% 0.1535 76.61) 90.3%, oklch(82.72% 0.1543 76.06) 93.5%, oklch(82.48% 0.1551 75.58) 96.8%, oklch(82.28% 0.1557 75.20) 100.0%);

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

Gradient và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