Đen, xanh hải quân và xanh cổ vịt (tương đồng) (gradient xuyên tâm)

Bảng màu Đen, xanh hải quân và xanh cổ vịt (tương đồng)

Gradient xuyên tâm, 32 màu: #00121b, #001e29, #002f3c, #00414e, #00525f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00121b
#00131c
#00141e
#00151f
#001721
#001823
#001a25
#001c27
#001e29
#00202b
#00222e
#002430
#002733
#002935
#002b37
#002d3a
#002f3c
#00313e
#003441
#003643
#003946
#003b49
#003e4b
#00414e
#004351
#004653
#004856
#004b58
#004d5a
#004f5c
#00505d
#00525f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.96% 0.0340 230.53) 0.0%, oklch(17.36% 0.0347 230.18) 3.2%, oklch(17.83% 0.0354 229.76) 6.5%, oklch(18.38% 0.0363 229.29) 9.7%, oklch(18.99% 0.0373 228.76) 12.9%, oklch(19.65% 0.0384 228.20) 16.1%, oklch(20.36% 0.0395 227.60) 19.4%, oklch(21.11% 0.0408 226.98) 22.6%, oklch(21.89% 0.0420 226.34) 25.8%, oklch(22.70% 0.0433 225.68) 29.0%, oklch(23.52% 0.0446 225.02) 32.3%, oklch(24.35% 0.0459 224.36) 35.5%, oklch(25.18% 0.0472 223.71) 38.7%, oklch(26.00% 0.0485 223.07) 41.9%, oklch(26.80% 0.0497 222.46) 45.2%, oklch(27.59% 0.0509 221.87) 48.4%, oklch(28.35% 0.0521 221.30) 51.6%, oklch(29.15% 0.0533 220.71) 54.8%, oklch(30.00% 0.0547 220.10) 58.1%, oklch(30.88% 0.0560 219.47) 61.3%, oklch(31.78% 0.0574 218.83) 64.5%, oklch(32.70% 0.0588 218.19) 67.7%, oklch(33.62% 0.0602 217.55) 71.0%, oklch(34.53% 0.0616 216.92) 74.2%, oklch(35.42% 0.0630 216.31) 77.4%, oklch(36.27% 0.0643 215.72) 80.6%, oklch(37.09% 0.0656 215.16) 83.9%, oklch(37.85% 0.0667 214.63) 87.1%, oklch(38.55% 0.0678 214.15) 90.3%, oklch(39.18% 0.0688 213.72) 93.5%, oklch(39.72% 0.0696 213.35) 96.8%, oklch(40.16% 0.0703 213.04) 100.0%);

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

Gradient đại dương Sọc màu xanh lơ Gradient xanh lơ

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