Xanh dương, tím, xanh hải quân và tím oải hương tông lạnh (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #0300da, #6b3fc5, #251c75, #5c75a5, #9985c0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #0300da
- #1109db
- #1d15dc
- #281fdd
- #3428de
- #3f30de
- #4937df
- #533dde
- #5c42dd
- #6346db
- #6848d9
- #6b49d5
- #6d47d1
- #6d44cb
- #6b3fc5
- #6939be
- #6632b7
- #622baf
- #5e24a8
- #591ca1
- #54169a
- #501195
- #4b0f90
- #460f8c
- #401188
- #3a1384
- #33167f
- #2c197a
- #251c75
- #1e1f71
- #19226d
- #15266b
- #122969
- #132e6a
- #16336c
- #1d3a71
- #254378
- #2f4c80
- #3a5688
- #456192
- #516b9c
- #5c75a5
- #677eae
- #7085b5
- #778aba
- #7d8ebe
- #8290c1
- #8690c3
- #8990c4
- #8c8fc4
- #8f8dc4
- #918bc3
- #9489c2
- #9587c1
- #9786c1
- #9985c0
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.17% 0.2775 264.38) 0.0%, oklch(40.92% 0.2742 265.74) 1.8%, oklch(42.02% 0.2686 267.54) 3.6%, oklch(43.37% 0.2619 269.71) 5.5%, oklch(44.89% 0.2544 272.14) 7.3%, oklch(46.48% 0.2464 274.73) 9.1%, oklch(48.04% 0.2382 277.41) 10.9%, oklch(49.50% 0.2301 280.06) 12.7%, oklch(50.75% 0.2223 282.61) 14.5%, oklch(51.70% 0.2151 284.96) 16.4%, oklch(52.27% 0.2089 287.01) 18.2%, oklch(52.36% 0.2039 288.68) 20.0%, oklch(51.92% 0.2003 290.14) 21.8%, oklch(50.99% 0.1978 291.60) 23.6%, oklch(49.68% 0.1962 293.00) 25.5%, oklch(48.08% 0.1952 294.30) 27.3%, oklch(46.28% 0.1945 295.45) 29.1%, oklch(44.36% 0.1940 296.38) 30.9%, oklch(42.41% 0.1934 297.06) 32.7%, oklch(40.54% 0.1924 297.41) 34.5%, oklch(38.82% 0.1908 297.41) 36.4%, oklch(37.35% 0.1883 296.98) 38.2%, oklch(36.22% 0.1846 296.08) 40.0%, oklch(35.25% 0.1798 294.47) 41.8%, oklch(34.22% 0.1739 292.06) 43.6%, oklch(33.21% 0.1672 289.04) 45.5%, oklch(32.25% 0.1600 285.57) 47.3%, oklch(31.41% 0.1523 281.82) 49.1%, oklch(30.74% 0.1445 277.97) 50.9%, oklch(30.30% 0.1367 274.20) 52.7%, oklch(30.14% 0.1291 270.67) 54.5%, oklch(30.31% 0.1221 267.57) 56.4%, oklch(30.88% 0.1157 265.06) 58.2%, oklch(31.89% 0.1102 263.32) 60.0%, oklch(33.54% 0.1054 262.21) 61.8%, oklch(35.89% 0.1009 261.46) 63.6%, oklch(38.78% 0.0967 261.06) 65.5%, oklch(42.08% 0.0928 260.98) 67.3%, oklch(45.62% 0.0892 261.19) 69.1%, oklch(49.27% 0.0860 261.68) 70.9%, oklch(52.86% 0.0832 262.43) 72.7%, oklch(56.26% 0.0807 263.41) 74.5%, oklch(59.31% 0.0787 264.60) 76.4%, oklch(61.87% 0.0770 265.99) 78.2%, oklch(63.78% 0.0758 267.55) 80.0%, oklch(65.09% 0.0752 269.51) 81.8%, oklch(65.98% 0.0754 272.07) 83.6%, oklch(66.53% 0.0761 275.07) 85.5%, oklch(66.78% 0.0774 278.38) 87.3%, oklch(66.81% 0.0790 281.88) 89.1%, oklch(66.67% 0.0808 285.43) 90.9%, oklch(66.44% 0.0826 288.90) 92.7%, oklch(66.16% 0.0844 292.15) 94.5%, oklch(65.91% 0.0861 295.04) 96.4%, oklch(65.76% 0.0874 297.45) 98.2%, oklch(65.75% 0.0882 299.25) 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
