Xám, tím và xanh dương (gradient tuyến tính)

Xám, tím và xanh dương: bảng màu gồm 32 màu. #bbbbbb, #937478, #4f4d78, #5b7796, #95aebc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 3 keyframe OKLCH chỉnh sửa được.

#bbbbbb
#b7b6b4
#b3b0ac
#aea8a2
#a99f98
#a5958e
#9f8a85
#997f7d
#937478
#8b6a75
#826173
#785973
#6e5373
#644f74
#5b4d75
#544c77
#4f4d78
#4b507b
#49547e
#4a5982
#4c6086
#4f678b
#556f90
#5b7796
#63809b
#6b88a1
#7490a7
#7c98ac
#849fb1
#8ba5b6
#91aab9
#95aebc

CSS

background: linear-gradient(45deg in oklch, oklch(79.13% 0.0000 89.88) 0.0%, oklch(77.74% 0.0028 83.93) 3.2%, oklch(75.86% 0.0064 76.28) 6.5%, oklch(73.58% 0.0108 67.29) 9.7%, oklch(70.99% 0.0158 57.15) 12.9%, oklch(68.15% 0.0212 46.09) 16.1%, oklch(65.15% 0.0270 34.32) 19.4%, oklch(62.08% 0.0329 22.05) 22.6%, oklch(59.00% 0.0389 9.51) 25.8%, oklch(56.01% 0.0447 356.90) 29.0%, oklch(53.18% 0.0503 344.45) 32.3%, oklch(50.59% 0.0555 332.37) 35.5%, oklch(48.33% 0.0602 320.87) 38.7%, oklch(46.47% 0.0642 310.16) 41.9%, oklch(45.08% 0.0674 300.48) 45.2%, oklch(44.27% 0.0696 292.02) 48.4%, oklch(44.09% 0.0707 284.89) 51.6%, oklch(44.53% 0.0708 278.49) 54.8%, oklch(45.52% 0.0701 272.68) 58.1%, oklch(46.98% 0.0687 267.41) 61.3%, oklch(48.83% 0.0666 262.66) 64.5%, oklch(51.00% 0.0639 258.36) 67.7%, oklch(53.42% 0.0609 254.50) 71.0%, oklch(56.00% 0.0576 251.02) 74.2%, oklch(58.68% 0.0541 247.89) 77.4%, oklch(61.37% 0.0506 245.06) 80.6%, oklch(64.01% 0.0471 242.51) 83.9%, oklch(66.50% 0.0438 240.17) 87.1%, oklch(68.79% 0.0407 238.03) 90.3%, oklch(70.79% 0.0381 236.03) 93.5%, oklch(72.42% 0.0360 234.14) 96.8%, oklch(73.62% 0.0344 232.31) 100.0%);

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

Gradient nền Zoom Gradient nền ứng dụng

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