Hồng, xanh dương, nâu vàng và tím oải hương tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #daa59c, #cad9fa, #bfd59c, #ea8f9d, #a496dc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #daa59c
- #dba5a0
- #dca7a5
- #dda8ac
- #deaab2
- #dfadba
- #dfb0c1
- #dfb3c9
- #deb7d1
- #ddbbd9
- #dbbfe0
- #d9c4e6
- #d6c8ec
- #d3cdf1
- #d0d1f5
- #cdd5f8
- #cad9fa
- #c7ddfb
- #c4e0fb
- #c1e3fb
- #bee5f9
- #bbe7f6
- #b9e8f3
- #b6e8ee
- #b3e9e8
- #b1e8e2
- #b0e7da
- #afe6d1
- #b0e4c7
- #b2e1bd
- #b6ddb2
- #bad9a7
- #bfd59c
- #c5d091
- #ccca87
- #d2c47f
- #d8be78
- #ddb874
- #e2b271
- #e6ac71
- #e9a672
- #eca176
- #ed9d7a
- #ee9980
- #ee9687
- #ed938e
- #ec9195
- #ea8f9d
- #e78ea4
- #e38dab
- #df8db2
- #db8db8
- #d68dbe
- #d28ec3
- #cd8fc8
- #c88fcc
- #c390cf
- #be91d2
- #b992d5
- #b493d7
- #b094d9
- #ac95da
- #a896db
- #a496dc
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.0648 29.53) 0.0%, oklch(77.15% 0.0643 25.17) 1.6%, oklch(77.63% 0.0636 20.12) 3.2%, oklch(78.22% 0.0628 14.43) 4.8%, oklch(78.88% 0.0618 8.15) 6.3%, oklch(79.61% 0.0606 1.34) 7.9%, oklch(80.40% 0.0594 354.05) 9.5%, oklch(81.23% 0.0581 346.32) 11.1%, oklch(82.10% 0.0568 338.21) 12.7%, oklch(82.98% 0.0555 329.78) 14.3%, oklch(83.86% 0.0542 321.06) 15.9%, oklch(84.74% 0.0530 312.12) 17.5%, oklch(85.59% 0.0518 303.00) 19.0%, oklch(86.41% 0.0507 293.76) 20.6%, oklch(87.18% 0.0498 284.44) 22.2%, oklch(87.89% 0.0491 275.11) 23.8%, oklch(88.53% 0.0485 265.80) 25.4%, oklch(89.08% 0.0482 256.57) 27.0%, oklch(89.53% 0.0481 247.48) 28.6%, oklch(89.87% 0.0483 238.57) 30.2%, oklch(90.08% 0.0488 229.90) 31.7%, oklch(90.16% 0.0496 221.51) 33.3%, oklch(90.09% 0.0509 213.19) 34.9%, oklch(89.89% 0.0525 204.70) 36.5%, oklch(89.58% 0.0546 196.06) 38.1%, oklch(89.16% 0.0570 187.31) 39.7%, oklch(88.65% 0.0597 178.46) 41.3%, oklch(88.05% 0.0627 169.54) 42.9%, oklch(87.39% 0.0659 160.57) 44.4%, oklch(86.66% 0.0692 151.58) 46.0%, oklch(85.88% 0.0727 142.59) 47.6%, oklch(85.06% 0.0762 133.64) 49.2%, oklch(84.22% 0.0798 124.73) 50.8%, oklch(83.36% 0.0834 115.90) 52.4%, oklch(82.50% 0.0869 107.17) 54.0%, oklch(81.64% 0.0903 98.57) 55.6%, oklch(80.80% 0.0935 90.12) 57.1%, oklch(79.99% 0.0966 81.85) 58.7%, oklch(79.22% 0.0994 73.77) 60.3%, oklch(78.50% 0.1020 65.92) 61.9%, oklch(77.85% 0.1042 58.33) 63.5%, oklch(77.27% 0.1060 51.00) 65.1%, oklch(76.77% 0.1075 43.97) 66.7%, oklch(76.33% 0.1085 37.13) 68.3%, oklch(75.92% 0.1093 30.36) 69.8%, oklch(75.52% 0.1098 23.66) 71.4%, oklch(75.15% 0.1101 17.05) 73.0%, oklch(74.80% 0.1102 10.56) 74.6%, oklch(74.46% 0.1100 4.18) 76.2%, oklch(74.15% 0.1097 357.95) 77.8%, oklch(73.85% 0.1093 351.86) 79.4%, oklch(73.57% 0.1087 345.94) 81.0%, oklch(73.31% 0.1080 340.20) 82.5%, oklch(73.06% 0.1073 334.65) 84.1%, oklch(72.82% 0.1065 329.31) 85.7%, oklch(72.60% 0.1056 324.19) 87.3%, oklch(72.40% 0.1048 319.32) 88.9%, oklch(72.20% 0.1039 314.69) 90.5%, oklch(72.02% 0.1032 310.33) 92.1%, oklch(71.85% 0.1024 306.25) 93.7%, oklch(71.69% 0.1018 302.46) 95.2%, oklch(71.54% 0.1012 298.98) 96.8%, oklch(71.39% 0.1008 295.83) 98.4%, oklch(71.26% 0.1006 293.01) 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
