Xám, xanh dương, đen và nâu liền mạch (sọc màu tuyến tính)

Bảng màu Xám, xanh dương, đen và nâu liền mạch

Sọc màu tuyến tính, 34 màu, góc 90°: #ccd8d0, #3e72a7, #1e0514, #a6713c, #d1d7c6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ccd8d0
#c0d4cc
#aececb
#9ac5ce
#8bb8cf
#7da9cb
#6b97c2
#5685b6
#3e72a7
#2a5f96
#1d4d84
#0e3b6c
#032953
#031a3e
#060f2f
#0e0826
#16051d
#1e0514
#27080d
#301009
#3e1b09
#53290c
#6b3913
#824b1d
#955d2a
#a6713c
#b68552
#c49967
#ceab7b
#d2b98c
#d1c59e
#d0ceae
#cfd3bc
#d1d7c6

CSS

background: linear-gradient(90deg, oklch(87.01% 0.0165 157.50) 0.000% 2.941%, oklch(85.17% 0.0240 170.79) 2.941% 5.882%, oklch(82.69% 0.0346 190.29) 5.882% 8.824%, oklch(79.57% 0.0467 211.62) 8.824% 11.765%, oklch(75.85% 0.0587 230.44) 11.765% 14.706%, oklch(71.52% 0.0690 242.55) 14.706% 17.647%, oklch(66.27% 0.0799 248.30) 17.647% 20.588%, oklch(60.31% 0.0911 250.31) 20.588% 23.529%, oklch(54.03% 0.1003 250.69) 23.529% 26.471%, oklch(47.82% 0.1056 251.56) 26.471% 29.412%, oklch(41.77% 0.1047 253.78) 29.412% 32.353%, oklch(35.05% 0.0972 254.02) 32.353% 35.294%, oklch(28.36% 0.0861 254.45) 35.294% 38.235%, oklch(22.55% 0.0745 257.97) 38.235% 41.176%, oklch(18.50% 0.0656 267.50) 41.176% 44.118%, oklch(16.54% 0.0602 286.67) 44.118% 47.059%, oklch(16.10% 0.0556 314.68) 47.059% 50.000%, oklch(16.99% 0.0527 345.80) 50.000% 52.941%, oklch(19.06% 0.0520 14.23) 52.941% 55.882%, oklch(22.17% 0.0543 34.27) 55.882% 58.824%, oklch(26.91% 0.0621 45.38) 58.824% 61.765%, oklch(33.12% 0.0739 51.09) 61.765% 64.706%, oklch(40.03% 0.0862 53.90) 64.706% 67.647%, oklch(46.84% 0.0954 56.33) 67.647% 70.588%, oklch(52.97% 0.0983 60.37) 70.588% 73.529%, oklch(59.19% 0.0962 63.70) 73.529% 76.471%, oklch(65.39% 0.0908 66.52) 76.471% 79.412%, oklch(71.14% 0.0834 69.83) 79.412% 82.353%, oklch(76.00% 0.0753 74.67) 82.353% 85.294%, oklch(79.68% 0.0664 82.31) 85.294% 88.235%, oklch(82.41% 0.0547 92.89) 88.235% 91.176%, oklch(84.40% 0.0423 104.42) 91.176% 94.118%, oklch(85.87% 0.0311 114.79) 94.118% 97.059%, oklch(87.01% 0.0234 121.92) 97.059% 100.000%);

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

Sọc màu xanh dương và cam

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