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

Bảng màu Xanh hải quân, xanh cổ vịt, xanh dương nhạt và hồng

Gradient xuyên tâm, 32 màu: #121a37, #1b6f8a, #17c7d5, #8fa5ff, #ef4a93. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121a37
#141f3e
#172646
#192f50
#1a3a5b
#1c4667
#1c5373
#1c617f
#1b6f8a
#1c7e95
#1d8c9f
#209aa9
#23a6b1
#25b2ba
#25bbc3
#21c2cc
#17c7d5
#05cae0
#00c9ed
#17c6f9
#48c0ff
#69b8ff
#7eafff
#8fa5ff
#a099ff
#b388ff
#c678f4
#d36ce0
#de61ca
#e657b5
#ec50a2
#ef4a93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(24.85% 0.0602 267.11) 3.2%, oklch(27.47% 0.0630 262.97) 6.5%, oklch(30.60% 0.0662 257.80) 9.7%, oklch(34.15% 0.0698 251.84) 12.9%, oklch(38.01% 0.0736 245.33) 16.1%, oklch(42.12% 0.0778 238.50) 19.4%, oklch(46.36% 0.0822 231.58) 22.6%, oklch(50.65% 0.0868 224.81) 25.8%, oklch(54.91% 0.0915 218.42) 29.0%, oklch(59.03% 0.0964 212.65) 32.3%, oklch(62.92% 0.1014 207.72) 35.5%, oklch(66.50% 0.1065 203.89) 38.7%, oklch(69.66% 0.1115 201.37) 41.9%, oklch(72.33% 0.1166 200.40) 45.2%, oklch(74.41% 0.1216 201.22) 48.4%, oklch(75.83% 0.1265 204.09) 51.6%, oklch(76.71% 0.1319 209.26) 54.8%, oklch(77.12% 0.1373 216.47) 58.1%, oklch(77.13% 0.1437 225.42) 61.3%, oklch(76.79% 0.1381 235.81) 64.5%, oklch(76.15% 0.1290 247.33) 67.7%, oklch(75.28% 0.1272 259.68) 71.0%, oklch(74.23% 0.1325 272.55) 74.2%, oklch(73.05% 0.1461 285.64) 77.4%, oklch(71.81% 0.1708 298.64) 80.6%, oklch(70.56% 0.1875 311.24) 83.9%, oklch(69.35% 0.1930 323.15) 87.1%, oklch(68.25% 0.1980 334.05) 90.3%, oklch(67.31% 0.2025 343.65) 93.5%, oklch(66.59% 0.2063 351.64) 96.8%, oklch(66.14% 0.2094 357.71) 100.0%);

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

Gradient hồng và xanh cổ vịt Sticker dán tủ đồ

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