Nâu vàng, tím oải hương, cam và hồng cá hồi (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #d7b079, #c4a5c2, #ca8ba5, #d47342, #e05840. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #d7b079
- #d9af7a
- #dbad7d
- #ddab80
- #deaa85
- #dfa88a
- #dfa690
- #dfa596
- #dea49c
- #dca4a3
- #daa3a9
- #d7a3af
- #d4a4b4
- #d0a4b9
- #cca5bc
- #c8a5bf
- #c4a5c2
- #c1a6c3
- #bea6c4
- #bba6c5
- #b9a5c5
- #b8a5c5
- #b7a4c5
- #b7a2c5
- #b8a0c4
- #b99ec2
- #ba9cc0
- #bc9abe
- #be97bb
- #c194b7
- #c491b2
- #c78eac
- #ca8ba5
- #cc889e
- #cf8696
- #d1838e
- #d28185
- #d37f7c
- #d47e74
- #d47d6b
- #d47b64
- #d47a5d
- #d47957
- #d37852
- #d3774d
- #d47649
- #d47546
- #d47342
- #d57140
- #d6703d
- #d76e3c
- #d76c3b
- #d86a3a
- #d9683a
- #da663a
- #db643a
- #dc623b
- #dd603c
- #de5f3d
- #de5d3f
- #df5b3f
- #df5a40
- #e05941
- #e05840
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.95% 0.0854 75.23) 0.0%, oklch(77.88% 0.0844 71.79) 1.6%, oklch(77.79% 0.0831 67.40) 3.2%, oklch(77.71% 0.0814 62.19) 4.8%, oklch(77.62% 0.0795 56.27) 6.3%, oklch(77.52% 0.0773 49.73) 7.9%, oklch(77.42% 0.0750 42.70) 9.5%, oklch(77.31% 0.0726 35.27) 11.1%, oklch(77.20% 0.0701 27.57) 12.7%, oklch(77.07% 0.0675 19.69) 14.3%, oklch(76.94% 0.0650 11.76) 15.9%, oklch(76.80% 0.0625 3.87) 17.5%, oklch(76.65% 0.0601 356.14) 19.0%, oklch(76.49% 0.0579 348.67) 20.6%, oklch(76.32% 0.0559 341.57) 22.2%, oklch(76.14% 0.0541 334.97) 23.8%, oklch(75.95% 0.0526 328.95) 25.4%, oklch(75.74% 0.0514 323.64) 27.0%, oklch(75.53% 0.0506 319.14) 28.6%, oklch(75.30% 0.0503 315.56) 30.2%, oklch(75.06% 0.0504 313.01) 31.7%, oklch(74.80% 0.0510 311.59) 33.3%, oklch(74.53% 0.0521 311.37) 34.9%, oklch(74.22% 0.0538 312.24) 36.5%, oklch(73.89% 0.0558 314.09) 38.1%, oklch(73.53% 0.0583 316.84) 39.7%, oklch(73.16% 0.0611 320.37) 41.3%, oklch(72.77% 0.0643 324.60) 42.9%, oklch(72.37% 0.0677 329.40) 44.4%, oklch(71.95% 0.0714 334.69) 46.0%, oklch(71.53% 0.0753 340.37) 47.6%, oklch(71.11% 0.0793 346.32) 49.2%, oklch(70.68% 0.0835 352.46) 50.8%, oklch(70.25% 0.0877 358.67) 52.4%, oklch(69.82% 0.0920 4.86) 54.0%, oklch(69.41% 0.0963 10.93) 55.6%, oklch(69.00% 0.1005 16.77) 57.1%, oklch(68.61% 0.1046 22.29) 58.7%, oklch(68.23% 0.1086 27.37) 60.3%, oklch(67.87% 0.1125 31.93) 61.9%, oklch(67.53% 0.1161 35.86) 63.5%, oklch(67.22% 0.1195 39.06) 65.1%, oklch(66.93% 0.1226 41.42) 66.7%, oklch(66.66% 0.1256 43.10) 68.3%, oklch(66.41% 0.1286 44.35) 69.8%, oklch(66.16% 0.1316 45.19) 71.4%, oklch(65.93% 0.1346 45.67) 73.0%, oklch(65.71% 0.1376 45.81) 74.6%, oklch(65.50% 0.1405 45.66) 76.2%, oklch(65.30% 0.1435 45.25) 77.8%, oklch(65.10% 0.1463 44.62) 79.4%, oklch(64.92% 0.1492 43.79) 81.0%, oklch(64.75% 0.1519 42.81) 82.5%, oklch(64.58% 0.1546 41.71) 84.1%, oklch(64.43% 0.1572 40.53) 85.7%, oklch(64.28% 0.1597 39.30) 87.3%, oklch(64.14% 0.1621 38.05) 88.9%, oklch(64.01% 0.1644 36.83) 90.5%, oklch(63.89% 0.1666 35.66) 92.1%, oklch(63.78% 0.1686 34.58) 93.7%, oklch(63.67% 0.1704 33.64) 95.2%, oklch(63.57% 0.1721 32.85) 96.8%, oklch(63.47% 0.1737 32.26) 98.4%, oklch(63.39% 0.1750 31.91) 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
