Tím, xanh dương, xám và hồng liền mạch (gradient hình nón)
Gradient hình nón, 32 màu, góc 225°: #362357, #6e96c1, #eee1d5, #c05d9b, #3b204e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #362357
- #3c2a5e
- #443369
- #4f3f76
- #594d85
- #605c94
- #656da4
- #6a81b4
- #6e96c1
- #74abca
- #7ebdcd
- #91cbca
- #afd6c5
- #cdddc9
- #e0e2d3
- #e9e4da
- #eee1d5
- #f4d4c7
- #f9c1b9
- #f8a9b2
- #f093b0
- #e280b0
- #d26fa9
- #c05d9b
- #af4b8b
- #9d3c7d
- #8b3173
- #782a6c
- #642665
- #52245d
- #442255
- #3b204e
CSS
background: conic-gradient(from 225deg in oklch, oklch(30.71% 0.0909 297.42) 0.0%, oklch(33.29% 0.0907 296.72) 3.2%, oklch(36.87% 0.0904 296.35) 6.5%, oklch(41.13% 0.0899 295.19) 9.7%, oklch(45.75% 0.0889 292.15) 12.9%, oklch(50.42% 0.0872 286.11) 16.1%, oklch(55.23% 0.0847 276.71) 19.4%, oklch(60.58% 0.0819 264.83) 22.6%, oklch(66.12% 0.0784 250.58) 25.8%, oklch(71.44% 0.0739 234.06) 29.0%, oklch(76.18% 0.0683 215.36) 32.3%, oklch(80.26% 0.0600 193.70) 35.5%, oklch(84.30% 0.0466 167.46) 38.7%, oklch(87.92% 0.0319 138.87) 41.9%, oklch(90.67% 0.0200 110.41) 45.2%, oklch(92.07% 0.0151 84.56) 48.4%, oklch(91.67% 0.0214 63.16) 51.6%, oklch(89.41% 0.0400 44.03) 54.8%, oklch(85.78% 0.0658 26.90) 58.1%, oklch(81.34% 0.0934 12.04) 61.3%, oklch(76.63% 0.1172 359.73) 64.5%, oklch(72.12% 0.1321 350.39) 67.7%, oklch(67.14% 0.1414 345.47) 71.0%, oklch(61.72% 0.1471 343.82) 74.2%, oklch(56.23% 0.1494 343.55) 77.4%, oklch(51.05% 0.1487 342.78) 80.6%, oklch(46.55% 0.1452 339.65) 83.9%, oklch(42.45% 0.1362 333.90) 87.1%, oklch(38.61% 0.1225 326.83) 90.3%, oklch(35.20% 0.1072 319.53) 93.5%, oklch(32.38% 0.0934 313.12) 96.8%, oklch(30.31% 0.0841 308.69) 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
