Be, cam và xanh dương (bổ túc) (gradient xuyên tâm)

Be, cam và xanh dương (bổ túc): bảng màu gồm 32 màu. #fff0c9, #efc66b, #c78a35, #83593c, #46576a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff0c9
#feedc1
#fde9b6
#fbe4a9
#f9de9c
#f7d98e
#f5d381
#f2cc76
#efc66b
#ecbf61
#e8b857
#e4b14e
#e0a946
#daa23f
#d49a3a
#ce9237
#c78a35
#bf8234
#b77b35
#af7436
#a56d37
#996639
#8d603a
#83593c
#7a5440
#754f45
#704c4e
#694b59
#604d64
#56516a
#4c546c
#46576a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0535 89.31) 0.0%, oklch(94.84% 0.0599 89.15) 3.2%, oklch(93.73% 0.0686 89.00) 6.5%, oklch(92.39% 0.0789 88.79) 9.7%, oklch(90.90% 0.0895 88.49) 12.9%, oklch(89.32% 0.0994 88.02) 16.1%, oklch(87.72% 0.1076 87.35) 19.4%, oklch(86.10% 0.1136 86.44) 22.6%, oklch(84.40% 0.1190 85.35) 25.8%, oklch(82.61% 0.1234 84.09) 29.0%, oklch(80.75% 0.1270 82.68) 32.3%, oklch(78.81% 0.1295 81.12) 35.5%, oklch(76.80% 0.1308 79.44) 38.7%, oklch(74.72% 0.1307 77.66) 41.9%, oklch(72.54% 0.1295 75.87) 45.2%, oklch(70.28% 0.1270 73.99) 48.4%, oklch(67.95% 0.1235 71.92) 51.6%, oklch(65.59% 0.1191 69.57) 54.8%, oklch(63.23% 0.1138 66.84) 58.1%, oklch(60.84% 0.1076 63.88) 61.3%, oklch(58.23% 0.0994 62.24) 64.5%, oklch(55.48% 0.0896 61.17) 67.7%, oklch(52.77% 0.0793 59.32) 71.0%, oklch(50.27% 0.0693 55.35) 74.2%, oklch(48.15% 0.0606 47.92) 77.4%, oklch(46.59% 0.0540 35.60) 80.6%, oklch(45.62% 0.0492 15.66) 83.9%, oklch(45.11% 0.0457 349.72) 87.1%, oklch(44.92% 0.0432 321.12) 90.3%, oklch(44.91% 0.0413 293.20) 93.5%, oklch(44.95% 0.0399 269.29) 96.8%, oklch(44.88% 0.0386 252.74) 100.0%);

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

Gradient giờ vàng Gradient vintage

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