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, 21 màu: #be4812, #c89864, #7bacb2, #336c8a, #4b242a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#be4812
#c4551c
#ce6629
#d37838
#d0894a
#c89864
#bca47c
#b0ac8a
#9eb196
#8ab1a6
#7bacb2
#6ba5b5
#549bb5
#3c8faf
#357fa2
#336c8a
#345a74
#374966
#423858
#4a2b40
#4b242a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.1626 40.78) 0.0%, oklch(58.36% 0.1574 43.43) 5.0%, oklch(62.43% 0.1496 47.35) 10.0%, oklch(66.31% 0.1376 53.13) 15.0%, oklch(69.07% 0.1177 60.35) 20.0%, oklch(71.36% 0.0889 67.99) 25.0%, oklch(73.00% 0.0615 80.01) 30.0%, oklch(73.78% 0.0462 101.12) 35.0%, oklch(73.74% 0.0427 136.18) 40.0%, oklch(72.91% 0.0460 175.06) 45.0%, oklch(71.26% 0.0524 204.58) 50.0%, oklch(68.71% 0.0644 218.38) 55.0%, oklch(65.33% 0.0811 223.52) 60.0%, oklch(61.30% 0.0926 226.93) 65.0%, oklch(56.52% 0.0904 231.90) 70.0%, oklch(50.71% 0.0767 234.03) 75.0%, oklch(44.96% 0.0614 240.45) 80.0%, oklch(40.34% 0.0538 259.62) 85.0%, oklch(36.58% 0.0539 297.57) 90.0%, oklch(33.57% 0.0570 340.38) 95.0%, 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