Đen, xanh cổ vịt, xanh lá và vàng (gradient tuyến tính)

Bảng màu Đen, xanh cổ vịt, xanh lá và vàng

Gradient tuyến tính, 32 màu, góc 135°: #090d17, #164952, #167073, #98bd57, #e5cf55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090d17
#0b111c
#0e1723
#111f2b
#132735
#14303e
#153946
#16424d
#164952
#174e57
#18525b
#19555e
#195962
#195c66
#19616a
#18676e
#167073
#167b76
#1f8878
#329676
#4ba371
#66ae69
#81b75f
#98bd57
#aac251
#b9c54e
#c5c84d
#cfca4e
#d6cb50
#dccd52
#e1ce54
#e5cf55

CSS

background: linear-gradient(135deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(17.88% 0.0234 261.35) 3.2%, oklch(20.28% 0.0271 255.13) 6.5%, oklch(23.14% 0.0316 247.71) 9.7%, oklch(26.26% 0.0365 239.66) 12.9%, oklch(29.45% 0.0415 231.59) 16.1%, oklch(32.52% 0.0464 224.07) 19.4%, oklch(35.27% 0.0508 217.69) 22.6%, oklch(37.51% 0.0546 213.03) 25.8%, oklch(39.21% 0.0575 210.44) 29.0%, oklch(40.54% 0.0598 209.39) 32.3%, oklch(41.66% 0.0617 209.21) 35.5%, oklch(42.73% 0.0637 209.24) 38.7%, oklch(43.91% 0.0661 208.80) 41.9%, oklch(45.37% 0.0692 207.24) 45.2%, oklch(47.26% 0.0733 203.88) 48.4%, oklch(49.77% 0.0788 198.06) 51.6%, oklch(52.96% 0.0861 189.66) 54.8%, oklch(56.65% 0.0949 179.38) 58.1%, oklch(60.61% 0.1043 167.96) 61.3%, oklch(64.65% 0.1138 156.16) 64.5%, oklch(68.53% 0.1228 144.72) 67.7%, oklch(72.04% 0.1306 134.38) 71.0%, oklch(74.97% 0.1366 125.92) 74.2%, oklch(77.24% 0.1405 119.57) 77.4%, oklch(79.11% 0.1427 114.44) 80.6%, oklch(80.64% 0.1437 110.32) 83.9%, oklch(81.88% 0.1438 107.03) 87.1%, oklch(82.88% 0.1433 104.41) 90.3%, oklch(83.71% 0.1426 102.28) 93.5%, oklch(84.41% 0.1420 100.47) 96.8%, oklch(85.04% 0.1419 98.81) 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