Tím oải hương, xanh dương, tím và hồng (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #9e93b8, #e5c9c7, #cba9d0, #6e8be0, #ec57a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #9e93b8
- #a294b8
- #a696b9
- #aa98b9
- #b09aba
- #b59dba
- #bba1bb
- #c0a4bb
- #c6a8bc
- #cbacbd
- #d0b1be
- #d4b5bf
- #d8bac0
- #dcbec2
- #dfc2c4
- #e2c6c5
- #e5c9c7
- #e7ccc9
- #e9cfca
- #ead0cb
- #ebd1cb
- #ecd1cb
- #edd0cb
- #edceca
- #ecccc9
- #ebc8c8
- #eac4c8
- #e7c0c8
- #e4bbc8
- #dfb6c9
- #dab2cb
- #d3adcd
- #cba9d0
- #c2a6d2
- #b8a3d4
- #aea0d6
- #a39dd7
- #989bd7
- #8d99d7
- #8398d7
- #7a97d6
- #7295d6
- #6c94d7
- #6993d7
- #6791d9
- #688fdb
- #6a8dde
- #6e8be0
- #7488e3
- #7c85e5
- #8482e6
- #8e7fe7
- #987be6
- #a277e5
- #ad73e2
- #b76fdd
- #c06bd7
- #c968d1
- #d264ca
- #d961c2
- #e05eba
- #e55bb3
- #e959ad
- #ec57a8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.50% 0.0551 299.53) 0.0%, oklch(69.06% 0.0544 302.19) 1.6%, oklch(69.78% 0.0534 305.69) 3.2%, oklch(70.64% 0.0521 309.90) 4.8%, oklch(71.63% 0.0506 314.75) 6.3%, oklch(72.72% 0.0490 320.11) 7.9%, oklch(73.90% 0.0472 325.89) 9.5%, oklch(75.14% 0.0453 331.98) 11.1%, oklch(76.42% 0.0434 338.28) 12.7%, oklch(77.73% 0.0414 344.69) 14.3%, oklch(79.05% 0.0395 351.11) 15.9%, oklch(80.35% 0.0377 357.42) 17.5%, oklch(81.61% 0.0359 3.54) 19.0%, oklch(82.82% 0.0343 9.35) 20.6%, oklch(83.96% 0.0329 14.76) 22.2%, oklch(85.00% 0.0317 19.65) 23.8%, oklch(85.93% 0.0308 23.93) 25.4%, oklch(86.73% 0.0302 27.49) 27.0%, oklch(87.37% 0.0300 30.24) 28.6%, oklch(87.84% 0.0301 32.06) 30.2%, oklch(88.12% 0.0307 32.86) 31.7%, oklch(88.19% 0.0317 32.53) 33.3%, oklch(88.03% 0.0332 30.86) 34.9%, oklch(87.64% 0.0351 27.81) 36.5%, oklch(87.07% 0.0373 23.53) 38.1%, oklch(86.31% 0.0399 18.15) 39.7%, oklch(85.40% 0.0428 11.84) 41.3%, oklch(84.35% 0.0460 4.72) 42.9%, oklch(83.19% 0.0495 356.95) 44.4%, oklch(81.93% 0.0531 348.67) 46.0%, oklch(80.60% 0.0570 340.02) 47.6%, oklch(79.22% 0.0610 331.15) 49.2%, oklch(77.81% 0.0652 322.20) 50.8%, oklch(76.39% 0.0695 313.33) 52.4%, oklch(74.97% 0.0739 304.67) 54.0%, oklch(73.59% 0.0784 296.36) 55.6%, oklch(72.26% 0.0829 288.56) 57.1%, oklch(71.01% 0.0874 281.41) 58.7%, oklch(69.84% 0.0918 275.05) 60.3%, oklch(68.79% 0.0962 269.62) 61.9%, oklch(67.88% 0.1006 265.28) 63.5%, oklch(67.12% 0.1048 262.17) 65.1%, oklch(66.54% 0.1089 260.43) 66.7%, oklch(66.10% 0.1130 260.01) 68.3%, oklch(65.76% 0.1174 260.70) 69.8%, oklch(65.52% 0.1219 262.40) 71.4%, oklch(65.35% 0.1267 265.01) 73.0%, oklch(65.26% 0.1315 268.42) 74.6%, oklch(65.24% 0.1365 272.54) 76.2%, oklch(65.28% 0.1415 277.26) 77.8%, oklch(65.37% 0.1466 282.49) 79.4%, oklch(65.51% 0.1516 288.11) 81.0%, oklch(65.68% 0.1567 294.04) 82.5%, oklch(65.88% 0.1616 300.17) 84.1%, oklch(66.09% 0.1665 306.40) 85.7%, oklch(66.33% 0.1712 312.62) 87.3%, oklch(66.56% 0.1757 318.75) 88.9%, oklch(66.80% 0.1800 324.67) 90.5%, oklch(67.02% 0.1841 330.28) 92.1%, oklch(67.23% 0.1880 335.49) 93.7%, oklch(67.41% 0.1915 340.20) 95.2%, oklch(67.56% 0.1946 344.29) 96.8%, oklch(67.66% 0.1974 347.68) 98.4%, oklch(67.72% 0.1998 350.26) 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
