Xám, nâu vàng, xanh dương nhạt và nâu (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #c5bf99, #caae83, #b3d3b3, #9bc4b7, #6f5335. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #c5bf99
- #c5be99
- #c5be98
- #c5bd96
- #c6bc95
- #c6bb93
- #c6b992
- #c7b890
- #c7b78e
- #c8b58d
- #c9b48b
- #c9b389
- #c9b188
- #cab087
- #caaf85
- #caae84
- #caae83
- #caad83
- #caad82
- #caad81
- #c9ad81
- #c9ae81
- #c8b082
- #c6b283
- #c5b585
- #c3b888
- #c1bc8c
- #bec091
- #bcc496
- #b9c89d
- #b7cca4
- #b4d0ab
- #b3d3b3
- #b1d6ba
- #b0d9c1
- #b0dbc7
- #b0dccd
- #b0ddd1
- #b0ded5
- #b0ded7
- #b0ddd8
- #afdcd7
- #addad6
- #aad7d2
- #a7d3cd
- #a3cfc7
- #9fcac0
- #9bc4b7
- #96bdae
- #92b7a3
- #8eaf98
- #8aa88d
- #879f82
- #849777
- #828f6c
- #808662
- #7d7e59
- #7b7651
- #796f49
- #776843
- #75613e
- #725c3a
- #705737
- #6f5335
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.0510 99.84) 0.0%, oklch(79.82% 0.0515 99.21) 1.6%, oklch(79.67% 0.0521 98.25) 3.2%, oklch(79.49% 0.0528 97.01) 4.8%, oklch(79.28% 0.0536 95.53) 6.3%, oklch(79.05% 0.0546 93.87) 7.9%, oklch(78.80% 0.0556 92.07) 9.5%, oklch(78.54% 0.0566 90.18) 11.1%, oklch(78.26% 0.0577 88.24) 12.7%, oklch(77.99% 0.0589 86.31) 14.3%, oklch(77.72% 0.0600 84.43) 15.9%, oklch(77.45% 0.0611 82.66) 17.5%, oklch(77.20% 0.0622 81.03) 19.0%, oklch(76.97% 0.0632 79.59) 20.6%, oklch(76.76% 0.0642 78.40) 22.2%, oklch(76.58% 0.0650 77.49) 23.8%, oklch(76.43% 0.0658 76.93) 25.4%, oklch(76.32% 0.0664 76.74) 27.0%, oklch(76.25% 0.0670 77.00) 28.6%, oklch(76.24% 0.0673 77.73) 30.2%, oklch(76.28% 0.0675 78.99) 31.7%, oklch(76.38% 0.0675 80.82) 33.3%, oklch(76.59% 0.0673 83.49) 34.9%, oklch(76.95% 0.0669 87.15) 36.5%, oklch(77.43% 0.0662 91.67) 38.1%, oklch(78.02% 0.0654 96.94) 39.7%, oklch(78.70% 0.0645 102.85) 41.3%, oklch(79.45% 0.0634 109.29) 42.9%, oklch(80.24% 0.0622 116.13) 44.4%, oklch(81.07% 0.0609 123.25) 46.0%, oklch(81.90% 0.0596 130.56) 47.6%, oklch(82.72% 0.0582 137.92) 49.2%, oklch(83.51% 0.0568 145.22) 50.8%, oklch(84.25% 0.0554 152.35) 52.4%, oklch(84.92% 0.0541 159.20) 54.0%, oklch(85.51% 0.0528 165.64) 55.6%, oklch(85.98% 0.0515 171.55) 57.1%, oklch(86.32% 0.0504 176.84) 58.7%, oklch(86.52% 0.0494 181.37) 60.3%, oklch(86.55% 0.0485 185.03) 61.9%, oklch(86.39% 0.0477 187.72) 63.5%, oklch(86.03% 0.0472 189.30) 65.1%, oklch(85.43% 0.0469 189.67) 66.7%, oklch(84.57% 0.0467 188.75) 68.3%, oklch(83.43% 0.0467 186.64) 69.8%, oklch(82.04% 0.0469 183.44) 71.4%, oklch(80.43% 0.0471 179.26) 73.0%, oklch(78.63% 0.0475 174.23) 74.6%, oklch(76.66% 0.0480 168.45) 76.2%, oklch(74.56% 0.0486 162.04) 77.8%, oklch(72.34% 0.0492 155.10) 79.4%, oklch(70.04% 0.0499 147.76) 81.0%, oklch(67.70% 0.0507 140.13) 82.5%, oklch(65.32% 0.0515 132.31) 84.1%, oklch(62.95% 0.0523 124.43) 85.7%, oklch(60.62% 0.0531 116.60) 87.3%, oklch(58.34% 0.0538 108.92) 88.9%, oklch(56.15% 0.0546 101.52) 90.5%, oklch(54.08% 0.0553 94.51) 92.1%, oklch(52.15% 0.0560 87.99) 93.7%, oklch(50.40% 0.0566 82.09) 95.2%, oklch(48.85% 0.0571 76.92) 96.8%, oklch(47.52% 0.0576 72.58) 98.4%, oklch(46.46% 0.0579 69.20) 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
