Nâu, xanh lá, xanh cổ vịt và nâu vàng (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #55382d, #60aa82, #5b7f65, #629558, #b69d48. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #55382d
- #593b2c
- #5d412a
- #614829
- #645128
- #645b2a
- #616732
- #5b723e
- #547d4d
- #4b875d
- #45906b
- #439776
- #479d7d
- #51a381
- #60aa82
- #70af81
- #82b480
- #93b87f
- #a2ba7f
- #aebb7f
- #b6bc80
- #babb81
- #b9b981
- #b2b57f
- #a5ad7b
- #94a476
- #819971
- #6e8c6b
- #5b7f65
- #4b735f
- #3c675a
- #315e55
- #295851
- #245550
- #215650
- #205b52
- #226255
- #286b58
- #31765b
- #3f815b
- #508c5a
- #629558
- #749e55
- #84a451
- #90a84e
- #99aa4b
- #a1aa48
- #a7aa47
- #aba946
- #afa745
- #b1a545
- #b2a345
- #b3a146
- #b49f47
- #b59e47
- #b69d48
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(37.01% 0.0455 41.48) 0.0%, oklch(38.34% 0.0485 48.76) 1.8%, oklch(40.08% 0.0526 58.88) 3.6%, oklch(42.14% 0.0577 71.17) 5.5%, oklch(44.45% 0.0633 84.94) 7.3%, oklch(46.94% 0.0693 99.51) 9.1%, oklch(49.53% 0.0753 114.18) 10.9%, oklch(52.15% 0.0811 128.27) 12.7%, oklch(54.72% 0.0864 141.09) 14.5%, oklch(57.18% 0.0909 151.97) 16.4%, oklch(59.43% 0.0944 160.21) 18.2%, oklch(61.42% 0.0965 165.12) 20.0%, oklch(63.37% 0.0972 166.22) 21.8%, oklch(65.51% 0.0969 163.92) 23.6%, oklch(67.73% 0.0957 158.94) 25.5%, oklch(69.95% 0.0938 151.99) 27.3%, oklch(72.07% 0.0913 143.78) 29.1%, oklch(73.98% 0.0885 135.03) 30.9%, oklch(75.60% 0.0854 126.45) 32.7%, oklch(76.82% 0.0823 118.75) 34.5%, oklch(77.56% 0.0793 112.65) 36.4%, oklch(77.70% 0.0766 108.84) 38.2%, oklch(77.17% 0.0744 108.06) 40.0%, oklch(75.61% 0.0722 110.62) 41.8%, oklch(72.93% 0.0694 115.98) 43.6%, oklch(69.39% 0.0663 123.49) 45.5%, oklch(65.25% 0.0631 132.54) 47.3%, oklch(60.77% 0.0600 142.50) 49.1%, oklch(56.22% 0.0572 152.74) 50.9%, oklch(51.84% 0.0548 162.64) 52.7%, oklch(47.90% 0.0531 171.56) 54.5%, oklch(44.67% 0.0522 178.89) 56.4%, oklch(42.39% 0.0524 184.00) 58.2%, oklch(41.34% 0.0537 186.26) 60.0%, oklch(41.59% 0.0568 185.62) 61.8%, oklch(42.91% 0.0615 182.73) 63.6%, oklch(45.10% 0.0676 178.00) 65.5%, oklch(47.95% 0.0746 171.81) 67.3%, oklch(51.26% 0.0823 164.58) 69.1%, oklch(54.83% 0.0901 156.71) 70.9%, oklch(58.44% 0.0979 148.59) 72.7%, oklch(61.90% 0.1051 140.65) 74.5%, oklch(65.00% 0.1114 133.26) 76.4%, oklch(67.53% 0.1164 126.84) 78.2%, oklch(69.29% 0.1199 121.80) 80.0%, oklch(70.39% 0.1217 117.75) 81.8%, oklch(71.10% 0.1224 114.04) 83.6%, oklch(71.49% 0.1221 110.65) 85.5%, oklch(71.61% 0.1211 107.58) 87.3%, oklch(71.53% 0.1195 104.79) 89.1%, oklch(71.30% 0.1175 102.28) 90.9%, oklch(70.99% 0.1153 100.03) 92.7%, oklch(70.66% 0.1132 98.02) 94.5%, oklch(70.35% 0.1112 96.23) 96.4%, oklch(70.14% 0.1097 94.65) 98.2%, oklch(70.08% 0.1089 93.27) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
