Nâu vàng, xanh lá và xanh dương (ba tông) tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #d79e63, #ddb36f, #c7ae72, #9ab384, #8ac3de. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #d79e63
- #d79f63
- #d7a063
- #d8a164
- #d8a265
- #d9a466
- #daa566
- #daa767
- #dba968
- #dbab69
- #dcad6a
- #dcae6c
- #ddb06d
- #ddb26e
- #ddb36f
- #dcb470
- #dcb670
- #dbb771
- #dab772
- #d9b772
- #d7b773
- #d6b773
- #d4b673
- #d2b573
- #d0b473
- #ceb373
- #ccb172
- #c9b072
- #c7ae72
- #c4ad71
- #c1ac71
- #bfab71
- #bcaa71
- #b9a971
- #b6a971
- #b3a972
- #b0aa73
- #acab75
- #a9ac77
- #a4ae7a
- #9fb07e
- #9ab384
- #95b58a
- #90b891
- #8aba98
- #85bca0
- #81bea9
- #7ec0b1
- #7dc1b9
- #7cc2c1
- #7dc3c8
- #7fc3ce
- #82c3d4
- #85c3d8
- #88c3dc
- #8ac3de
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1020 66.09) 0.0%, oklch(74.20% 0.1018 66.63) 1.8%, oklch(74.44% 0.1017 67.26) 3.6%, oklch(74.74% 0.1016 67.97) 5.5%, oklch(75.08% 0.1015 68.76) 7.3%, oklch(75.45% 0.1013 69.61) 9.1%, oklch(75.85% 0.1012 70.53) 10.9%, oklch(76.27% 0.1011 71.50) 12.7%, oklch(76.69% 0.1009 72.52) 14.5%, oklch(77.12% 0.1007 73.58) 16.4%, oklch(77.54% 0.1005 74.67) 18.2%, oklch(77.94% 0.1002 75.78) 20.0%, oklch(78.31% 0.0999 76.92) 21.8%, oklch(78.65% 0.0995 78.06) 23.6%, oklch(78.95% 0.0991 79.21) 25.5%, oklch(79.19% 0.0986 80.36) 27.3%, oklch(79.38% 0.0981 81.49) 29.1%, oklch(79.49% 0.0974 82.61) 30.9%, oklch(79.53% 0.0967 83.70) 32.7%, oklch(79.48% 0.0959 84.71) 34.5%, oklch(79.33% 0.0949 85.47) 36.4%, oklch(79.09% 0.0938 86.03) 38.2%, oklch(78.77% 0.0926 86.43) 40.0%, oklch(78.38% 0.0913 86.71) 41.8%, oklch(77.94% 0.0899 86.94) 43.6%, oklch(77.46% 0.0884 87.15) 45.5%, oklch(76.95% 0.0869 87.40) 47.3%, oklch(76.42% 0.0853 87.74) 49.1%, oklch(75.89% 0.0838 88.21) 50.9%, oklch(75.36% 0.0823 88.86) 52.7%, oklch(74.85% 0.0808 89.75) 54.5%, oklch(74.38% 0.0793 90.92) 56.4%, oklch(73.94% 0.0780 92.41) 58.2%, oklch(73.56% 0.0767 94.29) 60.0%, oklch(73.25% 0.0755 96.59) 61.8%, oklch(73.02% 0.0745 99.37) 63.6%, oklch(72.87% 0.0735 102.67) 65.5%, oklch(72.83% 0.0728 106.57) 67.3%, oklch(72.88% 0.0722 111.33) 69.1%, oklch(73.02% 0.0717 116.93) 70.9%, oklch(73.22% 0.0712 123.25) 72.7%, oklch(73.49% 0.0709 130.19) 74.5%, oklch(73.81% 0.0706 137.64) 76.4%, oklch(74.17% 0.0704 145.48) 78.2%, oklch(74.57% 0.0703 153.60) 80.0%, oklch(75.00% 0.0702 161.90) 81.8%, oklch(75.44% 0.0702 170.26) 83.6%, oklch(75.90% 0.0702 178.56) 85.5%, oklch(76.35% 0.0702 186.71) 87.3%, oklch(76.79% 0.0702 194.58) 89.1%, oklch(77.21% 0.0703 202.07) 90.9%, oklch(77.61% 0.0703 209.07) 92.7%, oklch(77.97% 0.0703 215.46) 94.5%, oklch(78.28% 0.0703 221.14) 96.4%, oklch(78.54% 0.0703 225.98) 98.2%, oklch(78.74% 0.0703 229.89) 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
