Hồng đào, tím, xanh hải quân và xám (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #f09f64, #574160, #2a313c, #4b565e, #8da1b3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #f09f64
- #ed9b65
- #e89568
- #e38e6a
- #dc886c
- #d4816f
- #cb7a71
- #c17373
- #b66c74
- #aa6574
- #9d5f74
- #915973
- #845470
- #784f6d
- #6c4a69
- #614565
- #574160
- #4e3d5b
- #463a56
- #3f3751
- #39344d
- #343249
- #313146
- #2e3043
- #2c2f41
- #2a2e3f
- #292e3e
- #282e3d
- #282e3c
- #282e3b
- #282f3b
- #29303b
- #2a313c
- #2b323d
- #2c343e
- #2d353f
- #2f3740
- #313942
- #333b44
- #353d46
- #373f48
- #39424a
- #3b444c
- #3e474f
- #404a52
- #444d55
- #47515a
- #4b565e
- #4f5a63
- #545f69
- #58656e
- #5d6a74
- #616f7a
- #667581
- #6b7a87
- #70808d
- #748593
- #798a99
- #7d8f9e
- #8194a3
- #8598a8
- #889cad
- #8b9fb0
- #8da1b3
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1226 56.25) 0.0%, oklch(75.96% 0.1204 52.83) 1.6%, oklch(74.48% 0.1177 48.71) 3.2%, oklch(72.75% 0.1146 43.95) 4.8%, oklch(70.80% 0.1112 38.63) 6.3%, oklch(68.65% 0.1074 32.82) 7.9%, oklch(66.35% 0.1033 26.57) 9.5%, oklch(63.91% 0.0990 19.97) 11.1%, oklch(61.38% 0.0945 13.07) 12.7%, oklch(58.77% 0.0898 5.96) 14.3%, oklch(56.13% 0.0851 358.69) 15.9%, oklch(53.47% 0.0803 351.34) 17.5%, oklch(50.84% 0.0755 343.98) 19.0%, oklch(48.26% 0.0707 336.67) 20.6%, oklch(45.76% 0.0661 329.48) 22.2%, oklch(43.37% 0.0616 322.48) 23.8%, oklch(41.12% 0.0572 315.75) 25.4%, oklch(39.05% 0.0531 309.34) 27.0%, oklch(37.17% 0.0493 303.33) 28.6%, oklch(35.53% 0.0458 297.79) 30.2%, oklch(34.16% 0.0427 292.78) 31.7%, oklch(33.07% 0.0400 288.38) 33.3%, oklch(32.22% 0.0376 284.45) 34.9%, oklch(31.53% 0.0353 280.78) 36.5%, oklch(30.99% 0.0333 277.38) 38.1%, oklch(30.58% 0.0314 274.22) 39.7%, oklch(30.31% 0.0297 271.29) 41.3%, oklch(30.17% 0.0281 268.58) 42.9%, oklch(30.14% 0.0267 266.07) 44.4%, oklch(30.23% 0.0254 263.76) 46.0%, oklch(30.42% 0.0242 261.63) 47.6%, oklch(30.70% 0.0232 259.66) 49.2%, oklch(31.08% 0.0223 257.84) 50.8%, oklch(31.54% 0.0215 256.16) 52.4%, oklch(32.07% 0.0208 254.60) 54.0%, oklch(32.68% 0.0202 253.16) 55.6%, oklch(33.34% 0.0196 251.81) 57.1%, oklch(34.06% 0.0192 250.55) 58.7%, oklch(34.82% 0.0188 249.36) 60.3%, oklch(35.62% 0.0185 248.23) 61.9%, oklch(36.46% 0.0183 247.15) 63.5%, oklch(37.31% 0.0181 246.09) 65.1%, oklch(38.19% 0.0179 245.06) 66.7%, oklch(39.16% 0.0179 244.12) 68.3%, oklch(40.31% 0.0181 243.37) 69.8%, oklch(41.62% 0.0184 242.78) 71.4%, oklch(43.06% 0.0189 242.35) 73.0%, oklch(44.62% 0.0195 242.06) 74.6%, oklch(46.28% 0.0203 241.90) 76.2%, oklch(48.02% 0.0212 241.85) 77.8%, oklch(49.82% 0.0221 241.89) 79.4%, oklch(51.66% 0.0232 242.02) 81.0%, oklch(53.52% 0.0242 242.23) 82.5%, oklch(55.39% 0.0254 242.48) 84.1%, oklch(57.24% 0.0265 242.78) 85.7%, oklch(59.06% 0.0276 243.11) 87.3%, oklch(60.82% 0.0287 243.45) 88.9%, oklch(62.51% 0.0298 243.79) 90.5%, oklch(64.11% 0.0308 244.12) 92.1%, oklch(65.60% 0.0318 244.42) 93.7%, oklch(66.96% 0.0326 244.68) 95.2%, oklch(68.17% 0.0334 244.88) 96.8%, oklch(69.22% 0.0340 245.01) 98.4%, oklch(70.08% 0.0344 245.06) 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
