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

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

Gradient tuyến tính, 32 màu, góc 135°: #021022, #005176, #29c9c8, #0892ff, #f32fc5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#021022
#021328
#031930
#031f3b
#032746
#033053
#013a5f
#00446b
#005176
#005e82
#006d8e
#007b9a
#0089a4
#0097af
#05a8b8
#19b9c1
#29c9c8
#30d6cf
#25ded6
#00dede
#00d4e4
#00c2e8
#00aced
#0892ff
#4e78ff
#6d63fe
#8854f9
#a249f2
#bc41e8
#d33bdd
#e635d0
#f32fc5

CSS

background: linear-gradient(135deg in oklch, oklch(16.93% 0.0441 252.42) 0.0%, oklch(18.65% 0.0486 251.88) 3.2%, oklch(20.94% 0.0550 251.33) 6.5%, oklch(23.70% 0.0626 250.60) 9.7%, oklch(26.79% 0.0705 249.51) 12.9%, oklch(30.12% 0.0780 247.90) 16.1%, oklch(33.56% 0.0844 245.59) 19.4%, oklch(37.18% 0.0889 242.41) 22.6%, oklch(41.19% 0.0916 238.21) 25.8%, oklch(45.45% 0.0943 233.37) 29.0%, oklch(49.82% 0.0974 228.22) 32.3%, oklch(54.14% 0.1009 223.08) 35.5%, oklch(58.28% 0.1049 218.27) 38.7%, oklch(62.30% 0.1093 213.52) 41.9%, oklch(66.87% 0.1141 207.20) 45.2%, oklch(71.59% 0.1182 200.39) 48.4%, oklch(75.94% 0.1228 194.39) 51.6%, oklch(79.42% 0.1284 190.55) 54.8%, oklch(81.51% 0.1355 190.18) 58.1%, oklch(81.66% 0.1394 194.65) 61.3%, oklch(79.33% 0.1354 204.54) 64.5%, oklch(75.24% 0.1355 218.40) 67.7%, oklch(70.32% 0.1483 234.57) 71.0%, oklch(65.46% 0.1901 251.34) 74.2%, oklch(61.60% 0.2065 267.08) 77.4%, oklch(59.63% 0.2224 280.18) 80.6%, oklch(59.43% 0.2317 292.26) 83.9%, oklch(60.37% 0.2401 304.16) 87.1%, oklch(61.99% 0.2475 315.39) 90.3%, oklch(63.86% 0.2539 325.45) 93.5%, oklch(65.52% 0.2591 333.87) 96.8%, oklch(66.54% 0.2632 340.13) 100.0%);

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

Gradient cyberpunk

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