Xanh dương, xanh lơ, xanh lá và vàng tông rực rỡ (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #5fbfd1, #79c5f0, #00c4af, #9eab00, #e6b730. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #5fbfd1
- #5fbfd2
- #60bfd3
- #61c0d5
- #63c0d7
- #64c0d9
- #66c1dc
- #69c1de
- #6bc2e0
- #6dc2e3
- #70c3e5
- #72c3e8
- #74c3ea
- #76c4ec
- #78c4ed
- #79c5ef
- #79c5f0
- #79c5f1
- #78c6f2
- #77c6f2
- #74c7f2
- #71c7f2
- #6cc7f1
- #65c7ee
- #5dc8ec
- #53c8e8
- #48c8e3
- #3ac8dd
- #2ac7d6
- #14c7ce
- #00c6c4
- #00c5ba
- #00c4af
- #00c2a4
- #00c197
- #1bbf8a
- #30bd7d
- #40bb70
- #4eb863
- #5bb656
- #66b34a
- #70b13d
- #79af32
- #81ae26
- #89ad19
- #90ac06
- #97ab00
- #9eab00
- #a4ab00
- #aaab00
- #b0ac00
- #b6ac00
- #bbad00
- #c0ae00
- #c5af00
- #cab000
- #cfb106
- #d3b212
- #d7b31b
- #dbb421
- #deb526
- #e1b62b
- #e3b62e
- #e6b730
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.0937 211.64) 0.0%, oklch(75.31% 0.0939 212.29) 1.6%, oklch(75.47% 0.0940 213.27) 3.2%, oklch(75.67% 0.0941 214.52) 4.8%, oklch(75.90% 0.0942 216.00) 6.3%, oklch(76.16% 0.0942 217.66) 7.9%, oklch(76.44% 0.0943 219.46) 9.5%, oklch(76.73% 0.0943 221.35) 11.1%, oklch(77.03% 0.0944 223.28) 12.7%, oklch(77.33% 0.0945 225.22) 14.3%, oklch(77.63% 0.0946 227.11) 15.9%, oklch(77.93% 0.0948 228.90) 17.5%, oklch(78.20% 0.0951 230.56) 19.0%, oklch(78.46% 0.0955 232.04) 20.6%, oklch(78.70% 0.0960 233.28) 22.2%, oklch(78.90% 0.0966 234.25) 23.8%, oklch(79.06% 0.0973 234.90) 25.4%, oklch(79.19% 0.0982 235.18) 27.0%, oklch(79.26% 0.0992 235.05) 28.6%, oklch(79.28% 0.1004 234.46) 30.2%, oklch(79.24% 0.1018 233.37) 31.7%, oklch(79.13% 0.1033 231.72) 33.3%, oklch(78.94% 0.1052 229.45) 34.9%, oklch(78.65% 0.1074 226.55) 36.5%, oklch(78.27% 0.1100 223.09) 38.1%, oklch(77.82% 0.1128 219.11) 39.7%, oklch(77.30% 0.1159 214.68) 41.3%, oklch(76.73% 0.1191 209.87) 42.9%, oklch(76.12% 0.1225 204.71) 44.4%, oklch(75.47% 0.1261 199.28) 46.0%, oklch(74.81% 0.1280 193.64) 47.6%, oklch(74.13% 0.1290 187.83) 49.2%, oklch(73.46% 0.1316 181.93) 50.8%, oklch(72.80% 0.1361 175.98) 52.4%, oklch(72.17% 0.1428 170.05) 54.0%, oklch(71.57% 0.1474 164.20) 55.6%, oklch(71.01% 0.1506 158.49) 57.1%, oklch(70.52% 0.1536 152.96) 58.7%, oklch(70.09% 0.1563 147.69) 60.3%, oklch(69.74% 0.1588 142.72) 61.9%, oklch(69.49% 0.1609 138.12) 63.5%, oklch(69.33% 0.1626 133.95) 65.1%, oklch(69.29% 0.1640 130.27) 66.7%, oklch(69.37% 0.1649 126.93) 68.3%, oklch(69.55% 0.1655 123.76) 69.8%, oklch(69.83% 0.1658 120.76) 71.4%, oklch(70.20% 0.1632 117.91) 73.0%, oklch(70.64% 0.1603 115.20) 74.6%, oklch(71.15% 0.1582 112.65) 76.2%, oklch(71.71% 0.1568 110.23) 77.8%, oklch(72.32% 0.1559 107.95) 79.4%, oklch(72.97% 0.1554 105.79) 81.0%, oklch(73.65% 0.1554 103.76) 82.5%, oklch(74.34% 0.1556 101.85) 84.1%, oklch(75.04% 0.1560 100.05) 85.7%, oklch(75.73% 0.1567 98.36) 87.3%, oklch(76.41% 0.1565 96.77) 88.9%, oklch(77.06% 0.1553 95.27) 90.5%, oklch(77.68% 0.1541 93.87) 92.1%, oklch(78.26% 0.1531 92.54) 93.7%, oklch(78.78% 0.1521 91.30) 95.2%, oklch(79.24% 0.1513 90.14) 96.8%, oklch(79.62% 0.1506 89.04) 98.4%, oklch(79.92% 0.1502 88.00) 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
