Xám và xanh dương (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #aabbcc, #567292, #203c5f, #15254b, #ecf1f6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#aabbcc
#a3b5c7
#9aadc1
#8fa3ba
#8399b2
#768faa
#6a84a1
#5f7b99
#567292
#4e6b8b
#456384
#3e5b7c
#365475
#304d6f
#2a4769
#244163
#203c5f
#1b3559
#152e52
#10274c
#0e2147
#0d1f45
#0f1f46
#15254b
#213256
#344768
#4f637f
#708299
#94a4b5
#b7c3cf
#d6dee6
#ecf1f6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0303 249.61) 0.0%, oklch(76.45% 0.0328 249.78) 3.2%, oklch(73.89% 0.0362 250.00) 6.5%, oklch(70.84% 0.0403 250.27) 9.7%, oklch(67.48% 0.0447 250.57) 12.9%, oklch(63.98% 0.0492 250.89) 16.1%, oklch(60.53% 0.0535 251.20) 19.4%, oklch(57.29% 0.0571 251.51) 22.6%, oklch(54.44% 0.0599 251.79) 25.8%, oklch(51.70% 0.0620 251.97) 29.0%, oklch(48.99% 0.0637 252.08) 32.3%, oklch(46.32% 0.0650 252.18) 35.5%, oklch(43.76% 0.0661 252.31) 38.7%, oklch(41.35% 0.0670 252.53) 41.9%, oklch(39.12% 0.0678 252.90) 45.2%, oklch(37.12% 0.0685 253.46) 48.4%, oklch(35.25% 0.0694 254.34) 51.6%, oklch(32.87% 0.0709 255.84) 54.8%, oklch(30.21% 0.0726 257.77) 58.1%, oklch(27.71% 0.0743 259.87) 61.3%, oklch(25.77% 0.0755 261.86) 64.5%, oklch(24.81% 0.0759 263.48) 67.7%, oklch(25.23% 0.0750 264.47) 71.0%, oklch(27.46% 0.0726 264.55) 74.2%, oklch(32.18% 0.0679 263.46) 77.4%, oklch(39.79% 0.0606 261.17) 80.6%, oklch(49.42% 0.0515 258.05) 83.9%, oklch(60.14% 0.0414 254.44) 87.1%, oklch(71.05% 0.0312 250.69) 90.3%, oklch(81.22% 0.0218 247.17) 93.5%, oklch(89.73% 0.0138 244.23) 96.8%, oklch(95.67% 0.0083 242.21) 100.0%);

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

Hoa cài áo cẩm tú cầu thắt ruy băng Xanh hải quân Sương giá vườn cây lúc rạng đông Đồng cải dầu dưới trời giô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