Tím, xám, nâu vàng và xanh dương (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #53163b, #556273, #9ab192, #dc989b, #284560. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #53163b
- #531a40
- #531e45
- #53234b
- #522851
- #512e57
- #50345c
- #4f3a61
- #4e4065
- #4e4669
- #4e4c6c
- #4e526e
- #4f5870
- #525d71
- #556273
- #596774
- #5d6c76
- #617078
- #65757a
- #69797d
- #6c7e80
- #708484
- #748a88
- #79918c
- #7e988f
- #839e91
- #8aa592
- #91ab92
- #9ab192
- #a4b690
- #aeba8e
- #b9bc8c
- #c4be8a
- #cfbe88
- #d9bd87
- #e1bb88
- #e7b889
- #eab38c
- #ebae8f
- #e9a793
- #e4a097
- #dc989b
- #d2909e
- #c589a0
- #b782a1
- #a87ba0
- #98749d
- #876d98
- #776792
- #68618b
- #5a5b84
- #4d557b
- #415073
- #374c6c
- #2f4865
- #284560
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.50% 0.1006 347.34) 0.0%, oklch(32.22% 0.0980 343.50) 1.8%, oklch(33.07% 0.0946 339.02) 3.6%, oklch(34.03% 0.0905 333.96) 5.5%, oklch(35.11% 0.0858 328.36) 7.3%, oklch(36.27% 0.0807 322.28) 9.1%, oklch(37.52% 0.0752 315.76) 10.9%, oklch(38.84% 0.0695 308.86) 12.7%, oklch(40.23% 0.0636 301.61) 14.5%, oklch(41.66% 0.0577 294.07) 16.4%, oklch(43.14% 0.0519 286.29) 18.2%, oklch(44.64% 0.0463 278.31) 20.0%, oklch(46.16% 0.0409 270.18) 21.8%, oklch(47.69% 0.0359 261.96) 23.6%, oklch(49.21% 0.0315 253.68) 25.5%, oklch(50.72% 0.0276 245.40) 27.3%, oklch(52.21% 0.0245 237.17) 29.1%, oklch(53.66% 0.0222 229.04) 30.9%, oklch(55.06% 0.0209 221.04) 32.7%, oklch(56.46% 0.0206 213.16) 34.5%, oklch(58.04% 0.0213 205.17) 36.4%, oklch(59.77% 0.0229 197.06) 38.2%, oklch(61.63% 0.0254 188.83) 40.0%, oklch(63.57% 0.0285 180.50) 41.8%, oklch(65.57% 0.0322 172.06) 43.6%, oklch(67.58% 0.0364 163.54) 45.5%, oklch(69.59% 0.0410 154.93) 47.3%, oklch(71.54% 0.0458 146.24) 49.1%, oklch(73.41% 0.0507 137.49) 50.9%, oklch(75.17% 0.0557 128.67) 52.7%, oklch(76.77% 0.0605 119.80) 54.5%, oklch(78.19% 0.0652 110.89) 56.4%, oklch(79.40% 0.0696 101.94) 58.2%, oklch(80.34% 0.0736 92.96) 60.0%, oklch(81.00% 0.0770 83.96) 61.8%, oklch(81.34% 0.0798 74.94) 63.6%, oklch(81.33% 0.0818 65.92) 65.5%, oklch(80.92% 0.0830 56.87) 67.3%, oklch(80.02% 0.0835 47.39) 69.1%, oklch(78.66% 0.0836 37.43) 70.9%, oklch(76.89% 0.0831 27.10) 72.7%, oklch(74.76% 0.0823 16.47) 74.5%, oklch(72.34% 0.0811 5.63) 76.4%, oklch(69.67% 0.0796 354.69) 78.2%, oklch(66.81% 0.0778 343.73) 80.0%, oklch(63.81% 0.0759 332.83) 81.8%, oklch(60.73% 0.0738 322.10) 83.6%, oklch(57.62% 0.0716 311.62) 85.5%, oklch(54.53% 0.0694 301.48) 87.3%, oklch(51.52% 0.0673 291.77) 89.1%, oklch(48.65% 0.0652 282.58) 90.9%, oklch(45.97% 0.0632 274.01) 92.7%, oklch(43.52% 0.0615 266.14) 94.5%, oklch(41.38% 0.0600 259.06) 96.4%, oklch(39.58% 0.0587 252.87) 98.2%, oklch(38.19% 0.0579 247.66) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
