Tím, đen và xanh dương (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #b26a96, #243331, #2b4757, #86537c, #63364e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #b26a96
- #ab6998
- #a2679a
- #97669b
- #8a649a
- #7c6298
- #6d6093
- #5f5d8d
- #505a84
- #43577a
- #38536e
- #304e62
- #2a4956
- #27434b
- #253e41
- #243838
- #243331
- #232e2c
- #222b28
- #212725
- #212523
- #202422
- #202422
- #202523
- #212724
- #212927
- #222c2a
- #22302f
- #233535
- #23393c
- #243e44
- #27434d
- #2b4757
- #304b61
- #384e6a
- #415173
- #4b547b
- #565581
- #605785
- #695888
- #725889
- #795989
- #7e5888
- #825887
- #845784
- #865682
- #86557f
- #86537c
- #865278
- #845075
- #834e71
- #804c6e
- #7e496a
- #7b4767
- #784564
- #754361
- #72415e
- #6f3f5b
- #6c3d58
- #6a3b56
- #673a53
- #653851
- #643750
- #63364e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.1075 343.13) 0.0%, oklch(60.80% 0.1047 338.12) 1.6%, oklch(59.52% 0.1011 331.71) 3.2%, oklch(57.99% 0.0968 324.07) 4.8%, oklch(56.25% 0.0920 315.37) 6.3%, oklch(54.34% 0.0866 305.76) 7.9%, oklch(52.28% 0.0808 295.41) 9.5%, oklch(50.10% 0.0748 284.49) 11.1%, oklch(47.84% 0.0685 273.17) 12.7%, oklch(45.54% 0.0620 261.61) 14.3%, oklch(43.21% 0.0555 249.98) 15.9%, oklch(40.90% 0.0491 238.44) 17.5%, oklch(38.63% 0.0427 227.15) 19.0%, oklch(36.45% 0.0367 216.29) 20.6%, oklch(34.37% 0.0309 206.02) 22.2%, oklch(32.43% 0.0255 196.50) 23.8%, oklch(30.67% 0.0206 187.91) 25.4%, oklch(29.11% 0.0163 180.40) 27.0%, oklch(27.80% 0.0127 174.14) 28.6%, oklch(26.75% 0.0099 169.30) 30.2%, oklch(26.00% 0.0079 166.04) 31.7%, oklch(25.59% 0.0069 164.53) 33.3%, oklch(25.54% 0.0069 164.83) 34.9%, oklch(25.82% 0.0078 166.77) 36.5%, oklch(26.41% 0.0095 170.21) 38.1%, oklch(27.27% 0.0120 174.99) 39.7%, oklch(28.38% 0.0152 180.98) 41.3%, oklch(29.69% 0.0190 188.02) 42.9%, oklch(31.18% 0.0232 195.96) 44.4%, oklch(32.80% 0.0279 204.66) 46.0%, oklch(34.54% 0.0329 213.96) 47.6%, oklch(36.35% 0.0381 223.73) 49.2%, oklch(38.21% 0.0434 233.80) 50.8%, oklch(40.08% 0.0488 244.03) 52.4%, oklch(41.92% 0.0542 254.27) 54.0%, oklch(43.72% 0.0595 264.38) 55.6%, oklch(45.42% 0.0645 274.20) 57.1%, oklch(47.00% 0.0692 283.59) 58.7%, oklch(48.43% 0.0736 292.39) 60.3%, oklch(49.68% 0.0775 300.47) 61.9%, oklch(50.70% 0.0808 307.66) 63.5%, oklch(51.48% 0.0835 313.83) 65.1%, oklch(51.97% 0.0854 318.82) 66.7%, oklch(52.21% 0.0868 322.92) 68.3%, oklch(52.26% 0.0877 326.56) 69.8%, oklch(52.14% 0.0882 329.74) 71.4%, oklch(51.87% 0.0884 332.52) 73.0%, oklch(51.47% 0.0882 334.92) 74.6%, oklch(50.94% 0.0878 336.97) 76.2%, oklch(50.31% 0.0872 338.70) 77.8%, oklch(49.59% 0.0863 340.15) 79.4%, oklch(48.80% 0.0853 341.34) 81.0%, oklch(47.95% 0.0841 342.32) 82.5%, oklch(47.07% 0.0828 343.10) 84.1%, oklch(46.17% 0.0814 343.72) 85.7%, oklch(45.26% 0.0800 344.21) 87.3%, oklch(44.36% 0.0786 344.61) 88.9%, oklch(43.49% 0.0773 344.95) 90.5%, oklch(42.66% 0.0760 345.25) 92.1%, oklch(41.89% 0.0748 345.54) 93.7%, oklch(41.20% 0.0737 345.87) 95.2%, oklch(40.61% 0.0728 346.26) 96.8%, oklch(40.12% 0.0721 346.75) 98.4%, oklch(39.76% 0.0717 347.35) 100.0%);Trong các bộ sưu tập này
Wasabi và tím mận kiểu editorial
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
