Tím, xanh dương, hồng và xanh dương nhạt (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #c98478, #075c80, #c686ae, #a3889d, #7abbcf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #c98478
- #c57f7b
- #be797f
- #b47284
- #a86c88
- #99668c
- #88618e
- #765c8e
- #64598c
- #535687
- #435482
- #35527d
- #2a527a
- #215278
- #195479
- #11587b
- #075c80
- #006287
- #00678e
- #006e97
- #0274a2
- #127aac
- #217fb7
- #3184c1
- #4087ca
- #5089d0
- #618ad5
- #7489d7
- #8887d6
- #9c86d1
- #ad85c8
- #bb85bc
- #c686ae
- #cc89a2
- #ce8d97
- #ce9190
- #cd958b
- #cb988a
- #c9998a
- #c79a8b
- #c4988c
- #c1968e
- #be9491
- #ba9193
- #b58e96
- #af8c98
- #a9899b
- #a3889d
- #9d87a0
- #9887a2
- #9488a4
- #9189a7
- #8e8baa
- #8c8fae
- #8b92b3
- #8997b8
- #879cbd
- #85a1c2
- #82a6c6
- #80acc9
- #7eb0cc
- #7db5ce
- #7bb8cf
- #7abbcf
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.0882 30.23) 0.0%, oklch(66.81% 0.0877 23.22) 1.6%, oklch(65.00% 0.0870 13.87) 3.2%, oklch(62.80% 0.0860 2.64) 4.8%, oklch(60.31% 0.0848 349.97) 6.3%, oklch(57.63% 0.0836 336.30) 7.9%, oklch(54.88% 0.0824 322.09) 9.5%, oklch(52.17% 0.0813 307.77) 11.1%, oklch(49.58% 0.0805 293.79) 12.7%, oklch(47.25% 0.0799 280.60) 14.3%, oklch(45.26% 0.0796 268.64) 15.9%, oklch(43.74% 0.0798 258.36) 17.5%, oklch(42.78% 0.0806 250.21) 19.0%, oklch(42.48% 0.0820 244.47) 20.6%, oklch(42.80% 0.0844 240.12) 22.2%, oklch(43.64% 0.0879 236.81) 23.8%, oklch(44.92% 0.0920 234.52) 25.4%, oklch(46.56% 0.0965 233.25) 27.0%, oklch(48.47% 0.1000 232.91) 28.6%, oklch(50.56% 0.1051 233.50) 30.2%, oklch(52.76% 0.1114 234.96) 31.7%, oklch(54.97% 0.1157 237.32) 33.3%, oklch(57.12% 0.1194 240.51) 34.9%, oklch(59.13% 0.1222 244.52) 36.5%, oklch(60.90% 0.1238 249.30) 38.1%, oklch(62.35% 0.1241 254.83) 39.7%, oklch(63.54% 0.1229 261.83) 41.3%, oklch(64.70% 0.1203 271.52) 42.9%, oklch(65.81% 0.1164 283.39) 44.4%, oklch(66.88% 0.1116 296.88) 46.0%, oklch(67.89% 0.1061 311.43) 47.6%, oklch(68.83% 0.1000 326.49) 49.2%, oklch(69.68% 0.0936 341.49) 50.8%, oklch(70.44% 0.0871 355.87) 52.4%, oklch(71.10% 0.0808 9.08) 54.0%, oklch(71.64% 0.0748 20.55) 55.6%, oklch(72.05% 0.0695 29.73) 57.1%, oklch(72.33% 0.0649 36.06) 58.7%, oklch(72.45% 0.0614 38.99) 60.3%, oklch(72.30% 0.0584 38.72) 61.9%, oklch(71.88% 0.0557 35.79) 63.5%, oklch(71.24% 0.0532 30.60) 65.1%, oklch(70.43% 0.0511 23.50) 66.7%, oklch(69.51% 0.0492 14.90) 68.3%, oklch(68.53% 0.0476 5.17) 69.8%, oklch(67.55% 0.0463 354.69) 71.4%, oklch(66.62% 0.0452 343.84) 73.0%, oklch(65.80% 0.0445 333.01) 74.6%, oklch(65.15% 0.0440 322.58) 76.2%, oklch(64.71% 0.0438 312.94) 77.8%, oklch(64.54% 0.0440 304.45) 79.4%, oklch(64.70% 0.0445 297.13) 81.0%, oklch(65.13% 0.0456 289.70) 82.5%, oklch(65.80% 0.0473 282.10) 84.1%, oklch(66.66% 0.0495 274.44) 85.7%, oklch(67.67% 0.0520 266.80) 87.3%, oklch(68.78% 0.0547 259.30) 88.9%, oklch(69.94% 0.0576 252.03) 90.5%, oklch(71.11% 0.0605 245.10) 92.1%, oklch(72.26% 0.0634 238.60) 93.7%, oklch(73.32% 0.0660 232.65) 95.2%, oklch(74.26% 0.0683 227.34) 96.8%, oklch(75.03% 0.0703 222.77) 98.4%, oklch(75.59% 0.0717 219.04) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
