Xanh hải quân, xanh cổ vịt, xanh lá nhạt và be (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá nhạt và be

Gradient tuyến tính, 32 màu, góc 45°: #140e2a, #0070aa, #00e2cd, #d1f694, #eff7c2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#140e2a
#181334
#1c1a43
#1f2455
#1f2f69
#1b3d7d
#104c8e
#005d9d
#0070aa
#0083b8
#0097c6
#0baad1
#17bbd9
#10c8dc
#00d3db
#00dbd5
#00e2cd
#00e9c1
#36edb4
#5ef1a8
#82f49e
#a2f596
#bcf693
#d1f694
#e0f699
#eaf79f
#eff7a6
#f1f8ad
#f1f8b4
#f0f7ba
#eff7bf
#eff7c2

CSS

background: linear-gradient(45deg in oklch, oklch(18.90% 0.0551 290.39) 0.0%, oklch(21.33% 0.0632 286.57) 3.2%, oklch(24.60% 0.0750 281.35) 6.5%, oklch(28.52% 0.0888 275.13) 9.7%, oklch(32.86% 0.1027 268.34) 12.9%, oklch(37.43% 0.1151 261.39) 16.1%, oklch(42.01% 0.1241 254.68) 19.4%, oklch(46.76% 0.1271 248.39) 22.6%, oklch(52.13% 0.1238 242.06) 25.8%, oklch(57.78% 0.1236 235.63) 29.0%, oklch(63.36% 0.1249 229.04) 32.3%, oklch(68.54% 0.1254 222.22) 35.5%, oklch(72.94% 0.1258 215.13) 38.7%, oklch(76.29% 0.1293 207.64) 41.9%, oklch(78.76% 0.1339 199.65) 45.2%, oklch(80.58% 0.1386 191.32) 48.4%, oklch(82.00% 0.1462 182.85) 51.6%, oklch(83.24% 0.1578 174.41) 54.8%, oklch(84.53% 0.1637 166.21) 58.1%, oklch(86.09% 0.1632 158.30) 61.3%, oklch(87.77% 0.1583 149.97) 64.5%, oklch(89.44% 0.1503 141.45) 67.7%, oklch(91.04% 0.1405 133.24) 71.0%, oklch(92.49% 0.1299 125.82) 74.2%, oklch(93.72% 0.1199 119.68) 77.4%, oklch(94.65% 0.1114 115.32) 80.6%, oklch(95.23% 0.1034 113.01) 83.9%, oklch(95.54% 0.0950 112.33) 87.1%, oklch(95.65% 0.0870 112.73) 90.3%, oklch(95.65% 0.0796 113.67) 93.5%, oklch(95.63% 0.0734 114.60) 96.8%, oklch(95.67% 0.0689 114.97) 100.0%);

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

Gradient màu giả thiên văn

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