Đen, xanh hải quân, xanh cổ vịt và xanh dương (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #020617, #12334e, #5afbc2, #d1ffea, #3358d5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020617
#03081a
#040b1d
#050d20
#061125
#09162b
#0c1d34
#10273f
#12334e
#104662
#005e7a
#007b8f
#0099a2
#00b8b2
#00d6bb
#2eedbf
#5afbc2
#9bffce
#c7ffdd
#dfffea
#ecfff2
#eefff4
#e6fff1
#d1ffea
#baf8e5
#9aebdf
#6cd8dc
#32c1dd
#00a5db
#0089d8
#1a6ddb
#3358d5

CSS

background: linear-gradient(135deg in oklch, oklch(12.99% 0.0400 264.38) 0.0%, oklch(14.06% 0.0409 263.47) 3.2%, oklch(15.17% 0.0416 262.75) 6.5%, oklch(16.47% 0.0424 261.92) 9.7%, oklch(18.12% 0.0436 260.69) 12.9%, oklch(20.26% 0.0457 258.76) 16.1%, oklch(23.05% 0.0491 255.84) 19.4%, oklch(26.63% 0.0541 251.64) 22.6%, oklch(31.18% 0.0613 245.81) 25.8%, oklch(37.38% 0.0728 237.37) 29.0%, oklch(45.01% 0.0867 226.71) 32.3%, oklch(53.50% 0.0943 214.66) 35.5%, oklch(62.27% 0.1060 202.18) 38.7%, oklch(70.76% 0.1221 190.19) 41.9%, oklch(78.40% 0.1427 179.57) 45.2%, oklch(84.61% 0.1574 171.24) 48.4%, oklch(89.04% 0.1574 165.74) 51.6%, oklch(92.53% 0.1168 161.57) 54.8%, oklch(95.26% 0.0727 158.55) 58.1%, oklch(97.18% 0.0427 156.81) 61.3%, oklch(98.26% 0.0259 156.52) 64.5%, oklch(98.49% 0.0223 157.79) 67.7%, oklch(97.81% 0.0319 160.79) 71.0%, oklch(96.21% 0.0549 165.64) 74.2%, oklch(93.27% 0.0679 173.22) 77.4%, oklch(88.34% 0.0807 184.75) 80.6%, oklch(82.00% 0.0994 199.02) 83.9%, oklch(74.88% 0.1214 214.75) 87.1%, oklch(67.61% 0.1357 230.66) 90.3%, oklch(60.82% 0.1545 245.44) 93.5%, oklch(55.13% 0.1847 257.80) 96.8%, oklch(51.18% 0.1970 266.49) 100.0%);

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

Gradient neon Gradient cực quang

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