Xanh dương, tím oải hương, hồng và tím (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #1d98e3, #867ab7, #d69368, #54729d, #3277ca. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #1d98e3
- #2196df
- #2193da
- #208fd3
- #1f8acc
- #1f85c4
- #2180bd
- #267cb7
- #2d78b2
- #3675af
- #4073ad
- #4d72ae
- #5d73b1
- #7076b4
- #867ab7
- #9d80b9
- #b388b8
- #c791b6
- #d79bb2
- #e4a5af
- #edaeac
- #f2b5a9
- #f4b9a6
- #f2b9a1
- #efb698
- #eab08e
- #e3a882
- #dd9e75
- #d69368
- #cf885d
- #c97d54
- #c3724f
- #be694e
- #ba6153
- #b65c5d
- #af596d
- #a55a7e
- #975d8e
- #87619a
- #7567a0
- #646da1
- #54729d
- #497597
- #427891
- #3c798d
- #377a8c
- #307b8d
- #287c91
- #1d7d96
- #127d9e
- #097da7
- #0d7cb0
- #197bb9
- #2479c0
- #2d78c6
- #3277ca
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.35% 0.1488 242.58) 0.0%, oklch(64.66% 0.1463 243.02) 1.8%, oklch(63.59% 0.1431 242.97) 3.6%, oklch(62.26% 0.1393 242.65) 5.5%, oklch(60.76% 0.1350 242.32) 7.3%, oklch(59.22% 0.1304 242.21) 9.1%, oklch(57.74% 0.1256 242.56) 10.9%, oklch(56.43% 0.1207 243.60) 12.7%, oklch(55.40% 0.1159 245.58) 14.5%, oklch(54.77% 0.1113 248.72) 16.4%, oklch(54.64% 0.1071 253.28) 18.2%, oklch(55.12% 0.1033 259.49) 20.0%, oklch(56.44% 0.0997 268.12) 21.8%, oklch(58.63% 0.0959 279.39) 23.6%, oklch(61.48% 0.0920 292.69) 25.5%, oklch(64.79% 0.0881 307.41) 27.3%, oklch(68.34% 0.0843 322.94) 29.1%, oklch(71.95% 0.0809 338.67) 30.9%, oklch(75.39% 0.0779 353.99) 32.7%, oklch(78.47% 0.0755 8.29) 34.5%, oklch(80.98% 0.0738 20.96) 36.4%, oklch(82.71% 0.0729 31.39) 38.2%, oklch(83.46% 0.0730 38.98) 40.0%, oklch(83.18% 0.0746 44.37) 41.8%, oklch(82.03% 0.0778 48.60) 43.6%, oklch(80.18% 0.0822 51.66) 45.5%, oklch(77.79% 0.0874 53.51) 47.3%, oklch(75.02% 0.0932 54.13) 49.1%, oklch(72.04% 0.0990 53.49) 50.9%, oklch(68.99% 0.1047 51.57) 52.7%, oklch(66.05% 0.1096 48.34) 54.5%, oklch(63.37% 0.1136 43.77) 56.4%, oklch(61.12% 0.1163 37.84) 58.2%, oklch(59.45% 0.1171 30.52) 60.0%, oklch(58.25% 0.1158 20.49) 61.8%, oklch(57.27% 0.1125 6.97) 63.6%, oklch(56.49% 0.1076 350.78) 65.5%, oklch(55.88% 0.1016 332.73) 67.3%, oklch(55.42% 0.0951 313.63) 69.1%, oklch(55.09% 0.0884 294.29) 70.9%, oklch(54.85% 0.0821 275.53) 72.7%, oklch(54.68% 0.0767 258.16) 74.5%, oklch(54.55% 0.0726 242.99) 76.4%, oklch(54.44% 0.0703 230.83) 78.2%, oklch(54.33% 0.0703 222.50) 80.0%, oklch(54.27% 0.0728 218.06) 81.8%, oklch(54.34% 0.0776 216.68) 83.6%, oklch(54.50% 0.0841 217.84) 85.5%, oklch(54.74% 0.0920 221.01) 87.3%, oklch(55.03% 0.1007 225.66) 89.1%, oklch(55.36% 0.1098 231.27) 90.9%, oklch(55.69% 0.1189 237.31) 92.7%, oklch(56.02% 0.1275 243.26) 94.5%, oklch(56.31% 0.1352 248.58) 96.4%, oklch(56.54% 0.1416 252.76) 98.2%, oklch(56.69% 0.1461 255.26) 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
