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

Xanh hải quân, đen, xanh dương và xanh dương nhạt: bảng màu gồm 32 màu. #101c34, #192e5a, #d9f2ef. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101c34
#0f1a31
#0e182c
#0d1526
#0c1221
#0a101b
#0a0e18
#090d16
#090e17
#0a0f1b
#0c1221
#0e1628
#101a32
#121f3c
#152446
#172950
#192e5a
#1b3264
#1d356e
#203979
#233e84
#264490
#284d9b
#2959a6
#2b6ab1
#337fbb
#4697c4
#63afcb
#86c5d3
#a7d8dc
#c4e7e6
#d9f2ef

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(22.15% 0.0479 263.87) 3.2%, oklch(21.08% 0.0431 264.17) 6.5%, oklch(19.79% 0.0373 264.53) 9.7%, oklch(18.47% 0.0314 264.91) 12.9%, oklch(17.28% 0.0260 265.26) 16.1%, oklch(16.40% 0.0221 265.55) 19.4%, oklch(16.01% 0.0202 265.74) 22.6%, oklch(16.27% 0.0212 265.78) 25.8%, oklch(17.15% 0.0252 265.72) 29.0%, oklch(18.50% 0.0315 265.58) 32.3%, oklch(20.23% 0.0395 265.36) 35.5%, oklch(22.23% 0.0485 265.08) 38.7%, oklch(24.41% 0.0581 264.74) 41.9%, oklch(26.65% 0.0674 264.34) 45.2%, oklch(28.86% 0.0761 263.91) 48.4%, oklch(30.93% 0.0839 263.55) 51.6%, oklch(32.79% 0.0931 263.82) 54.8%, oklch(34.58% 0.1033 264.47) 58.1%, oklch(36.44% 0.1136 265.11) 61.3%, oklch(38.50% 0.1228 265.32) 64.5%, oklch(40.93% 0.1300 264.73) 67.7%, oklch(43.85% 0.1342 262.93) 71.0%, oklch(47.42% 0.1344 259.53) 74.2%, oklch(51.97% 0.1292 253.89) 77.4%, oklch(57.80% 0.1182 245.62) 80.6%, oklch(64.48% 0.1031 235.57) 83.9%, oklch(71.53% 0.0856 224.58) 87.1%, oklch(78.49% 0.0674 213.53) 90.3%, oklch(84.88% 0.0503 203.28) 93.5%, oklch(90.24% 0.0360 194.70) 96.8%, oklch(94.09% 0.0262 188.64) 100.0%);

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

Gradient bầu trời đêm

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