Chuyển đến nội dung

Bảng màu Grabient

Xám, nâu vàng, tím oải hương và xanh dương (gradient xuyên tâm)

Bảng màu Xám, nâu vàng, tím oải hương và xanh dương

Gradient xuyên tâm, 32 màu: #9ba2aa, #879679, #c895ae, #ab9ad2, #789ac4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #9ba2aa
  • #97a1a9
  • #91a0a7
  • #8a9ea4
  • #839d9e
  • #7e9b96
  • #7d9a8c
  • #809882
  • #879679
  • #929572
  • #9f946f
  • #ad9372
  • #b9927a
  • #c29286
  • #c79395
  • #c994a3
  • #c895ae
  • #c597b7
  • #c298bf
  • #be98c4
  • #ba99c9
  • #b699cc
  • #b19acf
  • #ab9ad2
  • #a49bd3
  • #9d9bd3
  • #959cd2
  • #8d9cd0
  • #869bcd
  • #809bc9
  • #7b9bc6
  • #789ac4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.0138 251.72) 0.0%, oklch(70.33% 0.0164 242.49) 3.2%, oklch(69.52% 0.0199 230.35) 6.5%, oklch(68.55% 0.0242 215.91) 9.7%, oklch(67.54% 0.0288 199.76) 12.9%, oklch(66.60% 0.0337 182.52) 16.1%, oklch(65.86% 0.0383 164.79) 19.4%, oklch(65.41% 0.0427 147.18) 22.6%, oklch(65.40% 0.0463 130.19) 25.8%, oklch(65.86% 0.0497 112.16) 29.0%, oklch(66.71% 0.0528 92.82) 32.3%, oklch(67.82% 0.0558 72.86) 35.5%, oklch(69.04% 0.0587 52.98) 38.7%, oklch(70.26% 0.0614 33.85) 41.9%, oklch(71.35% 0.0639 16.17) 45.2%, oklch(72.17% 0.0663 0.63) 48.4%, oklch(72.63% 0.0687 347.81) 51.6%, oklch(72.90% 0.0710 337.36) 54.8%, oklch(73.01% 0.0734 328.80) 58.1%, oklch(72.99% 0.0755 321.66) 61.3%, oklch(72.87% 0.0775 315.50) 64.5%, oklch(72.67% 0.0792 309.87) 67.7%, oklch(72.42% 0.0804 304.32) 71.0%, oklch(72.12% 0.0812 298.40) 74.2%, oklch(71.77% 0.0813 291.89) 77.4%, oklch(71.25% 0.0808 285.24) 80.6%, oklch(70.63% 0.0797 278.66) 83.9%, oklch(69.94% 0.0782 272.34) 87.1%, oklch(69.26% 0.0766 266.47) 90.3%, oklch(68.62% 0.0751 261.24) 93.5%, oklch(68.09% 0.0739 256.85) 96.8%, oklch(67.72% 0.0730 253.48) 100.0%);

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

Hoa cài áo cẩm tú cầu thắt ruy băng

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