Xanh hải quân, xanh dương nhạt và xám (đơn sắc) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương nhạt và xám (đơn sắc)

Gradient xuyên tâm, 32 màu: #121422, #3f6082, #99b9cf, #7990a1, #1c2838. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121422
#141828
#161d32
#18243d
#1a2d4a
#1d3756
#254363
#305172
#3f6082
#4e7091
#5c7e9f
#688bab
#7497b5
#81a3bf
#8badc7
#94b5cc
#99b9cf
#9cbacf
#9cb9cd
#99b6c8
#95b0c2
#8fa9ba
#859eaf
#7990a1
#6c8293
#5e7484
#526677
#455868
#384959
#2c3b4b
#222f40
#1c2838

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0276 274.92) 0.0%, oklch(21.36% 0.0330 271.94) 3.2%, oklch(23.62% 0.0410 267.60) 6.5%, oklch(26.38% 0.0500 262.68) 9.7%, oklch(29.61% 0.0582 257.98) 12.9%, oklch(33.22% 0.0641 254.26) 16.1%, oklch(37.43% 0.0669 251.95) 19.4%, oklch(42.45% 0.0677 250.53) 22.6%, oklch(47.84% 0.0671 249.63) 25.8%, oklch(53.18% 0.0657 248.87) 29.0%, oklch(58.02% 0.0639 247.89) 32.3%, oklch(62.21% 0.0621 246.41) 35.5%, oklch(66.27% 0.0593 244.65) 38.7%, oklch(70.03% 0.0560 242.80) 41.9%, oklch(73.22% 0.0526 241.05) 45.2%, oklch(75.58% 0.0495 239.57) 48.4%, oklch(76.92% 0.0470 238.50) 51.6%, oklch(77.40% 0.0448 237.66) 54.8%, oklch(77.10% 0.0428 237.05) 58.1%, oklch(76.07% 0.0410 236.71) 61.3%, oklch(74.35% 0.0395 236.69) 64.5%, oklch(71.94% 0.0382 237.04) 67.7%, oklch(68.50% 0.0373 237.76) 71.0%, oklch(64.22% 0.0368 238.81) 74.2%, oklch(59.48% 0.0364 240.16) 77.4%, oklch(54.63% 0.0361 241.74) 80.6%, oklch(50.04% 0.0358 243.54) 83.9%, oklch(45.09% 0.0354 245.90) 87.1%, oklch(39.79% 0.0351 248.74) 90.3%, oklch(34.66% 0.0348 251.62) 93.5%, oklch(30.27% 0.0346 254.15) 96.8%, oklch(27.17% 0.0344 255.90) 100.0%);

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

Bạch đàn phủ sươ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