Xanh hải quân, hồng và tím liền mạch (sọc màu hình nón)
Sọc màu hình nón, 48 màu, góc 225°: #17192c, #e8ac9e, #b18cba, #475976, #20182f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #17192c
- #201f34
- #2d283f
- #3e324c
- #523f59
- #684d66
- #805c72
- #976c7c
- #ae7c85
- #c28b8d
- #d29994
- #dfa599
- #e8ac9e
- #edb0a1
- #f0b1a5
- #f2b1a8
- #f0aeab
- #edaaaf
- #e8a5b2
- #e0a0b5
- #d79bb8
- #ce97ba
- #c393bb
- #ba8fba
- #b18cba
- #a788b8
- #9d85b5
- #9181b1
- #867dab
- #7b78a5
- #70749e
- #666f96
- #5d698d
- #546485
- #4d5f7e
- #475976
- #425470
- #3d4e69
- #394762
- #35415b
- #323a55
- #2f344e
- #2c2e48
- #292842
- #26233c
- #241f37
- #221b33
- #20182f
CSS
background: conic-gradient(from 225deg, oklch(22.05% 0.0386 278.44) 0.000% 2.083%, oklch(25.09% 0.0404 284.75) 2.083% 4.167%, oklch(29.22% 0.0428 293.53) 4.167% 6.250%, oklch(34.20% 0.0456 304.21) 6.250% 8.333%, oklch(39.80% 0.0489 316.23) 8.333% 10.417%, oklch(45.79% 0.0523 329.04) 10.417% 12.500%, oklch(51.95% 0.0559 342.08) 12.500% 14.583%, oklch(58.05% 0.0595 354.79) 14.583% 16.667%, oklch(63.86% 0.0630 6.63) 16.667% 18.750%, oklch(69.14% 0.0662 17.02) 18.750% 20.833%, oklch(73.68% 0.0691 25.41) 20.833% 22.917%, oklch(77.24% 0.0716 31.25) 22.917% 25.000%, oklch(79.61% 0.0735 34.01) 25.000% 27.083%, oklch(81.03% 0.0750 33.95) 27.083% 29.167%, oklch(81.70% 0.0764 31.60) 29.167% 31.250%, oklch(81.74% 0.0775 27.30) 31.250% 33.333%, oklch(81.23% 0.0785 21.41) 33.333% 35.417%, oklch(80.27% 0.0792 14.30) 35.417% 37.500%, oklch(78.95% 0.0797 6.31) 37.500% 39.583%, oklch(77.38% 0.0801 357.81) 39.583% 41.667%, oklch(75.64% 0.0801 349.16) 41.667% 43.750%, oklch(73.84% 0.0800 340.71) 43.750% 45.833%, oklch(72.07% 0.0796 332.82) 45.833% 47.917%, oklch(70.43% 0.0790 325.85) 47.917% 50.000%, oklch(68.95% 0.0780 319.89) 50.000% 52.083%, oklch(67.32% 0.0766 313.64) 52.083% 54.167%, oklch(65.51% 0.0747 307.02) 54.167% 56.250%, oklch(63.55% 0.0725 300.20) 56.250% 58.333%, oklch(61.48% 0.0700 293.36) 58.333% 60.417%, oklch(59.32% 0.0673 286.68) 60.417% 62.500%, oklch(57.10% 0.0646 280.33) 62.500% 64.583%, oklch(54.85% 0.0618 274.49) 64.583% 66.667%, oklch(52.60% 0.0592 269.33) 66.667% 68.750%, oklch(50.39% 0.0567 265.03) 68.750% 70.833%, oklch(48.23% 0.0545 261.77) 70.833% 72.917%, oklch(46.17% 0.0527 259.72) 72.917% 75.000%, oklch(44.15% 0.0513 259.12) 75.000% 77.083%, oklch(42.03% 0.0501 260.08) 77.083% 79.167%, oklch(39.84% 0.0490 262.35) 79.167% 81.250%, oklch(37.61% 0.0481 265.67) 81.250% 83.333%, oklch(35.39% 0.0473 269.77) 83.333% 85.417%, oklch(33.21% 0.0467 274.40) 85.417% 87.500%, oklch(31.12% 0.0461 279.29) 87.500% 89.583%, oklch(29.15% 0.0456 284.18) 89.583% 91.667%, oklch(27.33% 0.0452 288.81) 91.667% 93.750%, oklch(25.71% 0.0448 292.92) 93.750% 95.833%, oklch(24.33% 0.0444 296.24) 95.833% 97.917%, oklch(23.23% 0.0441 298.52) 97.917% 100.000%);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
