Xanh dương, xám và xanh dương nhạt (đơn sắc) (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #835aff, #2665de, #2a4f88, #545e76, #b7c3e8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #835aff
- #805bfe
- #7c5bfd
- #785cfc
- #725dfb
- #6d5ef9
- #665ff8
- #5f60f5
- #5861f3
- #5162f0
- #4963ed
- #4063ea
- #3864e6
- #2f65e2
- #2665de
- #1d65d9
- #1365d4
- #0a65d0
- #0364cb
- #0263c6
- #0462c1
- #0a60bb
- #115eb4
- #165cad
- #1b59a5
- #20569e
- #245496
- #27518f
- #2a4f88
- #2c4c81
- #2f4b7b
- #314975
- #334870
- #35476c
- #374869
- #3a4867
- #3d4a66
- #404c66
- #444f68
- #49536b
- #4e5870
- #545e76
- #5b657d
- #626c84
- #6a748d
- #727c96
- #7a849f
- #828ca9
- #8a95b3
- #929dbc
- #9aa5c5
- #a1acce
- #a7b3d6
- #adb9dd
- #b2bee3
- #b7c3e8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.2315 288.98) 0.0%, oklch(59.98% 0.2299 287.94) 1.8%, oklch(59.67% 0.2283 286.60) 3.6%, oklch(59.33% 0.2264 285.03) 5.5%, oklch(58.95% 0.2245 283.23) 7.3%, oklch(58.54% 0.2224 281.27) 9.1%, oklch(58.10% 0.2202 279.17) 10.9%, oklch(57.63% 0.2178 276.96) 12.7%, oklch(57.14% 0.2152 274.69) 14.5%, oklch(56.63% 0.2124 272.39) 16.4%, oklch(56.11% 0.2095 270.10) 18.2%, oklch(55.57% 0.2063 267.86) 20.0%, oklch(55.02% 0.2030 265.69) 21.8%, oklch(54.47% 0.1994 263.65) 23.6%, oklch(53.92% 0.1956 261.75) 25.5%, oklch(53.36% 0.1916 260.05) 27.3%, oklch(52.81% 0.1873 258.58) 29.1%, oklch(52.28% 0.1828 257.37) 30.9%, oklch(51.75% 0.1780 256.46) 32.7%, oklch(51.20% 0.1729 255.86) 34.5%, oklch(50.51% 0.1670 255.52) 36.4%, oklch(49.71% 0.1604 255.40) 38.2%, oklch(48.82% 0.1533 255.49) 40.0%, oklch(47.85% 0.1457 255.76) 41.8%, oklch(46.85% 0.1377 256.19) 43.6%, oklch(45.83% 0.1295 256.75) 45.5%, oklch(44.82% 0.1212 257.43) 47.3%, oklch(43.85% 0.1127 258.19) 49.1%, oklch(42.93% 0.1043 259.03) 50.9%, oklch(42.10% 0.0961 259.91) 52.7%, oklch(41.39% 0.0881 260.81) 54.5%, oklch(40.81% 0.0804 261.71) 56.4%, oklch(40.39% 0.0732 262.59) 58.2%, oklch(40.16% 0.0665 263.43) 60.0%, oklch(40.14% 0.0604 264.19) 61.8%, oklch(40.37% 0.0551 264.87) 63.6%, oklch(40.85% 0.0507 265.43) 65.5%, oklch(41.64% 0.0472 265.87) 67.3%, oklch(42.80% 0.0445 266.27) 69.1%, oklch(44.32% 0.0425 266.65) 70.9%, oklch(46.17% 0.0412 267.03) 72.7%, oklch(48.29% 0.0404 267.39) 74.5%, oklch(50.64% 0.0402 267.74) 76.4%, oklch(53.17% 0.0405 268.08) 78.2%, oklch(55.85% 0.0411 268.41) 80.0%, oklch(58.62% 0.0420 268.72) 81.8%, oklch(61.45% 0.0432 269.02) 83.6%, oklch(64.28% 0.0445 269.31) 85.5%, oklch(67.08% 0.0460 269.58) 87.3%, oklch(69.79% 0.0475 269.83) 89.1%, oklch(72.38% 0.0490 270.07) 90.9%, oklch(74.80% 0.0504 270.30) 92.7%, oklch(77.01% 0.0517 270.50) 94.5%, oklch(78.95% 0.0527 270.69) 96.4%, oklch(80.60% 0.0534 270.87) 98.2%, oklch(81.89% 0.0537 271.02) 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
