Cam, xám, xanh dương và tím đậm (gradient xuyên tâm)

Bảng màu Cam, xám, xanh dương và tím đậm

Gradient xuyên tâm, 32 màu: #be4812, #c69a69, #77aab3, #336f8e, #4b242a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#be4812
#c14f18
#c75920
#cd6528
#d27132
#d37c3b
#d18747
#cc9157
#c69a69
#bfa278
#b7a884
#afac8b
#a3b093
#96b29c
#89b1a6
#7faeaf
#77aab3
#6ca5b5
#5d9fb5
#4d98b4
#3e90b0
#3787aa
#347c9e
#336f8e
#33637f
#345772
#364d68
#3b4261
#433756
#492e47
#4b2737
#4b242a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.1626 40.78) 0.0%, oklch(57.14% 0.1594 42.38) 3.2%, oklch(59.48% 0.1555 44.41) 6.5%, oklch(62.16% 0.1502 47.05) 9.7%, oklch(64.80% 0.1433 50.44) 12.9%, oklch(67.02% 0.1341 54.76) 16.1%, oklch(68.75% 0.1210 59.46) 19.4%, oklch(70.32% 0.1033 64.01) 22.6%, oklch(71.67% 0.0841 69.52) 25.8%, oklch(72.75% 0.0662 77.14) 29.0%, oklch(73.47% 0.0526 88.01) 32.3%, oklch(73.81% 0.0455 103.98) 35.5%, oklch(73.82% 0.0428 126.23) 38.7%, oklch(73.51% 0.0434 151.50) 41.9%, oklch(72.87% 0.0462 176.23) 45.2%, oklch(71.88% 0.0502 196.88) 48.4%, oklch(70.54% 0.0552 210.40) 51.6%, oklch(68.81% 0.0639 218.11) 54.8%, oklch(66.72% 0.0747 222.12) 58.1%, oklch(64.34% 0.0849 224.29) 61.3%, oklch(61.71% 0.0920 226.49) 64.5%, oklch(58.85% 0.0934 230.19) 67.7%, oklch(55.45% 0.0884 232.36) 71.0%, oklch(51.68% 0.0793 233.61) 74.2%, oklch(47.85% 0.0689 236.11) 77.4%, oklch(44.28% 0.0598 242.00) 80.6%, oklch(41.28% 0.0546 253.52) 83.9%, oklch(38.69% 0.0532 273.82) 87.1%, oklch(36.36% 0.0540 300.38) 90.3%, oklch(34.35% 0.0560 328.48) 93.5%, oklch(32.71% 0.0581 353.42) 96.8%, oklch(31.50% 0.0593 10.49) 100.0%);

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

Gradient nhiều màu

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