Chuyển đến nội dung

Bảng màu Grabient

Xanh dương, tím oải hương và xám tông pastel (gradient xuyên tâm)

Bảng màu Xanh dương, tím oải hương và xám tông pastel

Gradient xuyên tâm, 32 màu: #c7d8ea, #b9b8e3, #a69ad2, #68a2b6, #85977b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #c7d8ea
  • #c5d6ea
  • #c2d3ea
  • #c0d0e9
  • #becce9
  • #bcc8e8
  • #bac3e7
  • #b9bee5
  • #b9b8e3
  • #b8b3e0
  • #b7aede
  • #b6a9db
  • #b5a5d8
  • #b3a1d6
  • #b09dd4
  • #ac9bd3
  • #a69ad2
  • #9f9ad2
  • #969ad1
  • #8b9ccf
  • #819dcc
  • #769fc6
  • #6da1bf
  • #68a2b6
  • #66a2ab
  • #67a1a1
  • #6ca097
  • #729f8e
  • #789d87
  • #7d9a82
  • #82997e
  • #85977b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0317 251.02) 0.0%, oklch(86.83% 0.0337 253.07) 3.2%, oklch(86.11% 0.0363 256.16) 6.5%, oklch(85.27% 0.0395 260.08) 9.7%, oklch(84.32% 0.0431 264.63) 12.9%, oklch(83.28% 0.0470 269.61) 16.1%, oklch(82.18% 0.0512 274.81) 19.4%, oklch(81.03% 0.0555 280.03) 22.6%, oklch(79.85% 0.0598 285.07) 25.8%, oklch(78.66% 0.0640 289.72) 29.0%, oklch(77.48% 0.0680 293.78) 32.3%, oklch(76.33% 0.0717 297.05) 35.5%, oklch(75.23% 0.0749 299.31) 38.7%, oklch(74.20% 0.0776 300.38) 41.9%, oklch(73.26% 0.0797 300.04) 45.2%, oklch(72.42% 0.0810 298.10) 48.4%, oklch(71.70% 0.0814 294.29) 51.6%, oklch(71.03% 0.0811 288.30) 54.8%, oklch(70.40% 0.0800 280.36) 58.1%, oklch(69.82% 0.0783 270.77) 61.3%, oklch(69.27% 0.0761 259.82) 64.5%, oklch(68.76% 0.0734 247.81) 67.7%, oklch(68.29% 0.0705 235.04) 71.0%, oklch(67.85% 0.0673 221.80) 74.2%, oklch(67.44% 0.0640 208.39) 77.4%, oklch(67.06% 0.0607 195.12) 80.6%, oklch(66.71% 0.0574 182.26) 83.9%, oklch(66.39% 0.0543 170.13) 87.1%, oklch(66.10% 0.0514 159.02) 90.3%, oklch(65.83% 0.0490 149.22) 93.5%, oklch(65.58% 0.0469 141.04) 96.8%, oklch(65.35% 0.0455 134.77) 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