Đen và xanh cổ vịt liền mạch (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #000102, #004151, #00bab3, #004c54, #000101. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000102
#000203
#000306
#00060b
#000c12
#00121b
#001a24
#00222e
#002a38
#003544
#004151
#004e5e
#005c6c
#006a7a
#007886
#008490
#008e99
#009aa1
#00a5a8
#00b0ae
#00bab3
#00c0b5
#00c3b4
#00c0b1
#00b8aa
#00a89f
#009390
#007b7d
#006369
#004c54
#003941
#002a32
#001f26
#00161c
#000f14
#00090d
#000508
#000304
#000203
#000101

CSS

background: linear-gradient(135deg in oklch, oklch(5.96% 0.0116 227.59) 0.0%, oklch(7.57% 0.0154 231.58) 2.6%, oklch(9.44% 0.0186 228.80) 5.1%, oklch(11.69% 0.0227 227.66) 7.7%, oklch(14.27% 0.0276 227.25) 10.3%, oklch(17.11% 0.0330 227.04) 12.8%, oklch(20.15% 0.0388 226.71) 15.4%, oklch(23.36% 0.0447 226.05) 17.9%, oklch(26.68% 0.0505 224.87) 20.5%, oklch(30.43% 0.0567 223.11) 23.1%, oklch(34.63% 0.0634 220.86) 25.6%, oklch(39.11% 0.0704 218.23) 28.2%, oklch(43.67% 0.0773 215.37) 30.8%, oklch(48.12% 0.0840 212.37) 33.3%, oklch(52.29% 0.0902 209.39) 35.9%, oklch(55.97% 0.0959 206.53) 38.5%, oklch(59.09% 0.1007 203.84) 41.0%, oklch(62.30% 0.1059 200.66) 43.6%, oklch(65.54% 0.1116 197.12) 46.2%, oklch(68.55% 0.1173 193.51) 48.7%, oklch(71.05% 0.1226 190.15) 51.3%, oklch(72.77% 0.1269 187.36) 53.8%, oklch(73.43% 0.1291 185.44) 56.4%, oklch(72.75% 0.1284 184.73) 59.0%, oklch(70.37% 0.1237 185.57) 61.5%, oklch(65.93% 0.1146 188.19) 64.1%, oklch(59.93% 0.1029 192.12) 66.7%, oklch(52.93% 0.0901 196.88) 69.2%, oklch(45.48% 0.0774 201.95) 71.8%, oklch(38.16% 0.0654 206.84) 74.4%, oklch(31.51% 0.0547 211.07) 76.9%, oklch(26.10% 0.0459 214.13) 79.5%, oklch(22.01% 0.0391 215.85) 82.1%, oklch(18.49% 0.0330 216.80) 84.6%, oklch(15.48% 0.0277 217.21) 87.2%, oklch(12.91% 0.0231 217.34) 89.7%, oklch(10.74% 0.0192 217.52) 92.3%, oklch(8.92% 0.0161 218.18) 94.9%, oklch(7.41% 0.0135 219.97) 97.4%, oklch(5.99% 0.0108 217.92) 100.0%);

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

Gradient thiên hà

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