Chuyển đến nội dung

Bảng màu Grabient

Tím, xanh dương và xanh lá (ba tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, xanh dương và xanh lá (ba tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #c517a7, #6d20eb, #2c6fd2, #36b987, #70df3c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #c517a7
  • #bf15ae
  • #b612b9
  • #aa10c5
  • #9e10d0
  • #9312d9
  • #8715e0
  • #7a19e7
  • #6d20eb
  • #6228ee
  • #572fef
  • #4e37ef
  • #443fee
  • #394aeb
  • #2d56e5
  • #2963dc
  • #2c6fd2
  • #2d7ac9
  • #2385c3
  • #0092ba
  • #009dad
  • #00a8a0
  • #28b192
  • #36b987
  • #36c27c
  • #32ca70
  • #34d262
  • #45d654
  • #55da49
  • #61dc42
  • #6ade3f
  • #70df3c

CSS

background: linear-gradient(135deg in oklch, oklch(56.69% 0.2384 337.50) 0.0%, oklch(56.05% 0.2417 333.30) 3.2%, oklch(55.12% 0.2466 327.30) 6.5%, oklch(54.08% 0.2518 320.46) 9.7%, oklch(53.11% 0.2563 313.71) 12.9%, oklch(52.31% 0.2593 307.70) 16.1%, oklch(51.53% 0.2620 301.66) 19.4%, oklch(50.82% 0.2640 295.70) 22.6%, oklch(50.27% 0.2645 290.08) 25.8%, oklch(49.98% 0.2628 285.05) 29.0%, oklch(49.87% 0.2600 280.91) 32.3%, oklch(49.94% 0.2559 277.38) 35.5%, oklch(50.26% 0.2491 273.93) 38.7%, oklch(50.92% 0.2383 270.06) 41.9%, oklch(52.00% 0.2208 265.97) 45.2%, oklch(53.51% 0.1953 262.60) 48.4%, oklch(55.30% 0.1674 258.54) 51.6%, oklch(57.25% 0.1430 252.26) 54.8%, oklch(59.23% 0.1275 242.13) 58.1%, oklch(61.40% 0.1178 226.35) 61.3%, oklch(63.70% 0.1093 207.32) 64.5%, oklch(66.02% 0.1146 188.48) 67.7%, oklch(68.21% 0.1214 173.27) 71.0%, oklch(70.27% 0.1344 163.37) 74.2%, oklch(72.30% 0.1556 156.65) 77.4%, oklch(74.22% 0.1793 152.00) 80.6%, oklch(75.93% 0.1999 148.32) 83.9%, oklch(77.34% 0.2122 144.71) 87.1%, oklch(78.50% 0.2179 141.95) 90.3%, oklch(79.44% 0.2198 140.07) 93.5%, oklch(80.17% 0.2200 138.78) 96.8%, oklch(80.71% 0.2205 137.77) 100.0%);

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

Trang phục lông vũ đính kim sa

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