Xanh dương, nâu vàng và cam (gradient hình nón)

Gradient hình nón, 32 màu, góc 225°: #5f86c4, #c2a4cc, #f3a99c, #f7c66c, #e98c3a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5f86c4
#6988c7
#778bc9
#858fcb
#9494cc
#a299cd
#ae9dcd
#b9a2cd
#c2a4cc
#caa6ca
#d2a6c7
#d9a6c2
#dfa6bb
#e5a5b4
#eba6ac
#efa7a4
#f3a99c
#f7ad94
#fab18c
#fcb785
#fcbc7e
#fcc178
#fac472
#f7c66c
#f5c465
#f3be5d
#f1b654
#f0ad4b
#eea344
#ed993f
#eb913c
#e98c3a

CSS

background: conic-gradient(from 225deg in oklch, oklch(61.81% 0.1047 259.45) 0.0%, oklch(62.98% 0.1011 263.83) 3.2%, oklch(64.62% 0.0957 269.56) 6.5%, oklch(66.58% 0.0893 276.38) 9.7%, oklch(68.70% 0.0824 284.02) 12.9%, oklch(70.84% 0.0759 292.22) 16.1%, oklch(72.85% 0.0703 300.71) 19.4%, oklch(74.57% 0.0663 309.22) 22.6%, oklch(75.87% 0.0646 317.53) 25.8%, oklch(76.82% 0.0648 326.21) 29.0%, oklch(77.52% 0.0666 335.41) 32.3%, oklch(78.03% 0.0695 344.92) 35.5%, oklch(78.44% 0.0733 354.54) 38.7%, oklch(78.80% 0.0776 4.08) 41.9%, oklch(79.18% 0.0820 13.33) 45.2%, oklch(79.64% 0.0862 22.11) 48.4%, oklch(80.26% 0.0901 30.41) 51.6%, oklch(81.13% 0.0943 39.08) 54.8%, oklch(82.14% 0.0988 47.92) 58.1%, oklch(83.17% 0.1035 56.53) 61.3%, oklch(84.11% 0.1083 64.51) 64.5%, oklch(84.83% 0.1130 71.45) 67.7%, oklch(85.21% 0.1175 76.96) 71.0%, oklch(85.14% 0.1217 80.63) 74.2%, oklch(84.47% 0.1255 81.95) 77.4%, oklch(83.14% 0.1294 80.80) 80.6%, oklch(81.37% 0.1332 77.80) 83.9%, oklch(79.32% 0.1368 73.60) 87.1%, oklch(77.22% 0.1401 68.87) 90.3%, oklch(75.24% 0.1430 64.25) 93.5%, oklch(73.58% 0.1455 60.39) 96.8%, oklch(72.44% 0.1474 57.97) 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