Chuyển đến nội dung

Bảng màu Grabient

Xanh dương nhạt, hồng, tím và xanh dương (gradient tuyến tính)

Bảng màu Xanh dương nhạt, hồng, tím và xanh dương

Gradient tuyến tính, 32 màu, góc 90°: #b7f6ec, #a4b9ff, #f024b9, #ac2dde, #185be6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #b7f6ec
  • #acf4ef
  • #9df1f4
  • #8cedfc
  • #8ee4ff
  • #95dbff
  • #99d0ff
  • #9ec5ff
  • #a4b9ff
  • #adabff
  • #b99bff
  • #ca85ff
  • #dd68fb
  • #e756e7
  • #ee44d3
  • #f134c3
  • #f024b9
  • #ed17b5
  • #e70cb5
  • #df09ba
  • #d510c1
  • #c91acb
  • #bb24d5
  • #ac2dde
  • #9c35e6
  • #8b3dec
  • #7944ef
  • #674bf0
  • #5451ef
  • #4156ec
  • #2d59e9
  • #185be6

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0648 184.22) 0.0%, oklch(91.90% 0.0723 190.39) 3.2%, oklch(90.64% 0.0821 198.55) 6.5%, oklch(89.16% 0.0939 208.36) 9.7%, oklch(87.49% 0.0910 219.51) 12.9%, oklch(85.67% 0.0865 231.69) 16.1%, oklch(83.74% 0.0870 244.58) 19.4%, oklch(81.72% 0.0921 257.87) 22.6%, oklch(79.65% 0.1022 271.23) 25.8%, oklch(77.55% 0.1186 284.34) 29.0%, oklch(75.47% 0.1437 296.89) 32.3%, oklch(73.44% 0.1817 308.56) 35.5%, oklch(71.49% 0.2283 319.03) 38.7%, oklch(69.64% 0.2401 327.99) 41.9%, oklch(67.95% 0.2500 335.12) 45.2%, oklch(66.43% 0.2576 340.09) 48.4%, oklch(65.10% 0.2627 342.65) 51.6%, oklch(63.85% 0.2657 343.01) 54.8%, oklch(62.66% 0.2669 341.46) 58.1%, oklch(61.53% 0.2666 338.23) 61.3%, oklch(60.45% 0.2649 333.60) 64.5%, oklch(59.44% 0.2620 327.81) 67.7%, oklch(58.48% 0.2583 321.13) 71.0%, oklch(57.57% 0.2539 313.79) 74.2%, oklch(56.73% 0.2490 306.07) 77.4%, oklch(55.94% 0.2439 298.21) 80.6%, oklch(55.20% 0.2387 290.46) 83.9%, oklch(54.53% 0.2338 283.09) 87.1%, oklch(53.90% 0.2293 276.35) 90.3%, oklch(53.33% 0.2254 270.48) 93.5%, oklch(52.82% 0.2224 265.76) 96.8%, oklch(52.36% 0.2205 262.42) 100.0%);

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

Trang phục lông vũ đính kim saGradient hồng và xanh cổ vịt

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động