Đen, xanh dương, xanh lá nhạt và cam (gradient tuyến tính)

Bảng màu Đen, xanh dương, xanh lá nhạt và cam

Gradient tuyến tính, 32 màu, góc 90°: #090d17, #121e3a, #26b7c3, #e3d158, #c33d3f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090d17
#090e18
#090e1a
#090e1b
#090e1e
#0a0f22
#0b1227
#0e172f
#121e3a
#172a49
#1e3b5d
#264e73
#2b648b
#2f7ba1
#2e92b3
#2aa6bf
#26b7c3
#30c5c0
#4ad2b6
#6cdaa6
#90de92
#b1de7d
#cdd969
#e3d158
#f0c44a
#f6b23d
#f49d34
#ed8631
#e36f33
#d65a37
#cb493b
#c33d3f

CSS

background: linear-gradient(90deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(16.43% 0.0231 266.09) 3.2%, oklch(16.50% 0.0262 266.92) 6.5%, oklch(16.58% 0.0299 267.92) 9.7%, oklch(16.86% 0.0341 268.77) 12.9%, oklch(17.55% 0.0388 269.12) 16.1%, oklch(18.85% 0.0439 268.63) 19.4%, oklch(20.97% 0.0494 266.96) 22.6%, oklch(24.14% 0.0552 263.79) 25.8%, oklch(28.78% 0.0620 259.54) 29.0%, oklch(34.66% 0.0696 254.42) 32.3%, oklch(41.34% 0.0777 248.40) 35.5%, oklch(48.37% 0.0860 241.48) 38.7%, oklch(55.30% 0.0941 233.62) 41.9%, oklch(61.70% 0.1018 224.81) 45.2%, oklch(67.10% 0.1086 215.03) 48.4%, oklch(71.25% 0.1144 204.08) 51.6%, oklch(74.93% 0.1193 191.11) 54.8%, oklch(78.21% 0.1235 176.52) 58.1%, oklch(80.99% 0.1273 160.93) 61.3%, oklch(83.18% 0.1308 144.96) 64.5%, oklch(84.68% 0.1342 129.20) 67.7%, oklch(85.40% 0.1375 114.29) 71.0%, oklch(85.23% 0.1410 100.83) 74.2%, oklch(83.84% 0.1448 88.78) 77.4%, oklch(80.85% 0.1489 77.02) 80.6%, oklch(76.71% 0.1530 65.70) 83.9%, oklch(71.89% 0.1571 55.04) 87.1%, oklch(66.87% 0.1610 45.29) 90.3%, oklch(62.15% 0.1644 36.68) 93.5%, oklch(58.20% 0.1673 29.43) 96.8%, oklch(55.51% 0.1695 23.79) 100.0%);

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

Gradient bản đồ thời tiế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