Đen, xám, nâu và xanh dương (sọc màu hình nón)

Sọc màu hình nón, 48 màu, góc 315°: #171b20, #dac9a9, #717e51, #b77b54, #30485a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171b20
#1e2328
#262f34
#323f42
#405052
#506461
#64786f
#7b8c7c
#939f88
#aaaf93
#bfbb9d
#d0c4a4
#dac9a9
#ddcaa9
#dbc7a5
#d5c29e
#cabb94
#bdb28a
#afa97f
#a09f74
#91966b
#848d63
#79865b
#738156
#717e51
#727d4e
#757d4b
#7a7f48
#818046
#8a8245
#938344
#9c8444
#a58346
#ae8249
#b47f4d
#b77b54
#b7755b
#b36f64
#aa696e
#9e6377
#8f5e7d
#7d5b7f
#6b577e
#5a5478
#4b5171
#3f4d68
#364a61
#30485a

CSS

background: conic-gradient(from 315deg, oklch(22.05% 0.0110 253.83) 0.000% 2.083%, oklch(25.40% 0.0129 244.83) 2.083% 4.167%, oklch(30.01% 0.0152 232.61) 4.167% 6.250%, oklch(35.59% 0.0180 217.85) 6.250% 8.333%, oklch(41.88% 0.0212 201.24) 8.333% 10.417%, oklch(48.60% 0.0246 183.46) 10.417% 12.500%, oklch(55.46% 0.0282 165.22) 12.500% 14.583%, oklch(62.19% 0.0318 147.20) 14.583% 16.667%, oklch(68.51% 0.0354 130.09) 16.667% 18.750%, oklch(74.15% 0.0388 114.58) 18.750% 20.833%, oklch(78.83% 0.0421 101.36) 20.833% 22.917%, oklch(82.26% 0.0450 91.12) 22.917% 25.000%, oklch(84.19% 0.0474 84.53) 25.000% 27.083%, oklch(84.63% 0.0496 81.58) 27.083% 29.167%, oklch(83.85% 0.0515 81.67) 29.167% 31.250%, oklch(82.05% 0.0532 84.21) 31.250% 33.333%, oklch(79.47% 0.0548 88.62) 33.333% 35.417%, oklch(76.32% 0.0562 94.32) 35.417% 37.500%, oklch(72.83% 0.0576 100.74) 37.500% 39.583%, oklch(69.22% 0.0590 107.28) 39.583% 41.667%, oklch(65.71% 0.0604 113.38) 41.667% 43.750%, oklch(62.54% 0.0619 118.44) 43.750% 45.833%, oklch(59.91% 0.0635 121.90) 45.833% 47.917%, oklch(58.05% 0.0652 123.16) 47.917% 50.000%, oklch(57.13% 0.0672 121.94) 50.000% 52.083%, oklch(56.88% 0.0697 119.59) 52.083% 54.167%, oklch(57.15% 0.0726 116.39) 54.167% 56.250%, oklch(57.81% 0.0758 112.37) 56.250% 58.333%, oklch(58.76% 0.0791 107.56) 58.333% 60.417%, oklch(59.87% 0.0824 101.97) 60.417% 62.500%, oklch(61.04% 0.0854 95.62) 62.500% 64.583%, oklch(62.14% 0.0881 88.55) 64.583% 66.667%, oklch(63.05% 0.0904 80.78) 66.667% 68.750%, oklch(63.67% 0.0920 72.32) 68.750% 70.833%, oklch(63.88% 0.0927 63.21) 70.833% 72.917%, oklch(63.56% 0.0925 53.46) 72.917% 75.000%, oklch(62.63% 0.0912 42.58) 75.000% 77.083%, oklch(61.16% 0.0886 29.51) 77.083% 79.167%, oklch(59.24% 0.0849 14.68) 79.167% 81.250%, oklch(56.99% 0.0804 358.59) 81.250% 83.333%, oklch(54.50% 0.0753 341.73) 83.333% 85.417%, oklch(51.88% 0.0698 324.57) 85.417% 87.500%, oklch(49.23% 0.0643 307.61) 87.500% 89.583%, oklch(46.64% 0.0588 291.34) 89.583% 91.667%, oklch(44.22% 0.0537 276.25) 91.667% 93.750%, oklch(42.07% 0.0492 262.82) 93.750% 95.833%, oklch(40.28% 0.0454 251.54) 95.833% 97.917%, oklch(38.98% 0.0427 242.91) 97.917% 100.000%);

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

Hoài niệm văn phòng analog

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