Xanh dương nhạt, hồng, xanh dương và tím (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #a0e9fd, #b57cc0, #7899d3, #5e819f, #4a235d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #a0e9fd
- #aae2ff
- #b8d9ff
- #c5ceff
- #d5beff
- #e2aeef
- #e2a0da
- #d390cc
- #b57cc0
- #8d68b4
- #6358a7
- #3c4d97
- #1d4a8c
- #154f8d
- #2d619d
- #517cb6
- #7899d3
- #9bb4ec
- #b3c7fc
- #b7cbfd
- #abc2ef
- #94b0d7
- #7999bb
- #5e819f
- #486c88
- #3a5d7a
- #345274
- #344771
- #393c6e
- #413369
- #472a63
- #4a235d
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.37% 0.0772 216.56) 0.0%, oklch(88.45% 0.0699 230.68) 3.2%, oklch(87.42% 0.0635 251.93) 6.5%, oklch(86.10% 0.0687 276.43) 9.7%, oklch(84.33% 0.0917 300.33) 12.9%, oklch(81.92% 0.1048 319.75) 16.1%, oklch(78.71% 0.1095 330.86) 19.4%, oklch(73.88% 0.1130 330.65) 22.6%, oklch(66.77% 0.1164 320.99) 25.8%, oklch(58.66% 0.1193 305.41) 29.0%, oklch(50.86% 0.1212 287.44) 32.3%, oklch(44.70% 0.1219 270.61) 35.5%, oklch(41.49% 0.1209 258.44) 38.7%, oklch(42.72% 0.1175 253.54) 41.9%, oklch(48.83% 0.1112 253.54) 45.2%, oklch(57.97% 0.1030 256.59) 48.4%, oklch(68.11% 0.0940 261.11) 51.6%, oklch(77.23% 0.0852 265.50) 54.8%, oklch(83.30% 0.0777 268.20) 58.1%, oklch(84.46% 0.0726 267.64) 61.3%, oklch(81.19% 0.0683 263.50) 64.5%, oklch(74.93% 0.0647 257.31) 67.7%, oklch(67.02% 0.0620 250.70) 71.0%, oklch(58.76% 0.0606 245.32) 74.2%, oklch(51.48% 0.0607 242.84) 77.4%, oklch(46.44% 0.0626 244.90) 80.6%, oklch(42.94% 0.0675 252.67) 83.9%, oklch(40.18% 0.0748 264.67) 87.1%, oklch(38.02% 0.0835 278.85) 90.3%, oklch(36.34% 0.0922 293.13) 93.5%, oklch(35.00% 0.0997 305.46) 96.8%, oklch(33.86% 0.1047 313.78) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
