Xanh dương, xanh lá và nâu vàng (ba tông) (gradient xuyên tâm)
Gradient xuyên tâm, 48 màu: #3a638b, #63847e, #688f73, #779554, #c59551. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #3a638b
- #39658b
- #39688a
- #396b89
- #3a6e88
- #3d7187
- #417585
- #457883
- #4b7b82
- #517d80
- #57807f
- #5d827f
- #63847e
- #68867e
- #6c887e
- #6f897e
- #718b7e
- #728c7e
- #728c7d
- #728d7c
- #708e7b
- #6f8e79
- #6d8f77
- #6a8f75
- #688f73
- #659071
- #63906e
- #61916c
- #5f916a
- #5f9167
- #609264
- #629261
- #65935e
- #6a945b
- #709457
- #779554
- #7f9550
- #87964d
- #8f964a
- #979648
- #9e9647
- #a69647
- #ad9648
- #b39549
- #b9954b
- #be954d
- #c1954f
- #c59551
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.0799 248.91) 0.0%, oklch(49.28% 0.0781 245.80) 2.1%, oklch(49.87% 0.0756 241.87) 4.3%, oklch(50.57% 0.0725 237.24) 6.4%, oklch(51.36% 0.0691 232.01) 8.5%, oklch(52.22% 0.0652 226.31) 10.6%, oklch(53.14% 0.0612 220.25) 12.8%, oklch(54.09% 0.0571 213.93) 14.9%, oklch(55.06% 0.0530 207.47) 17.0%, oklch(56.02% 0.0490 200.99) 19.1%, oklch(56.97% 0.0453 194.59) 21.3%, oklch(57.88% 0.0419 188.39) 23.4%, oklch(58.72% 0.0390 182.50) 25.5%, oklch(59.49% 0.0368 177.04) 27.7%, oklch(60.17% 0.0352 172.12) 29.8%, oklch(60.72% 0.0344 167.85) 31.9%, oklch(61.15% 0.0346 164.34) 34.0%, oklch(61.45% 0.0358 161.51) 36.2%, oklch(61.64% 0.0378 159.25) 38.3%, oklch(61.74% 0.0405 157.49) 40.4%, oklch(61.76% 0.0439 156.14) 42.6%, oklch(61.72% 0.0478 155.11) 44.7%, oklch(61.63% 0.0521 154.32) 46.8%, oklch(61.51% 0.0567 153.69) 48.9%, oklch(61.37% 0.0615 153.13) 51.1%, oklch(61.24% 0.0663 152.55) 53.2%, oklch(61.12% 0.0711 151.89) 55.3%, oklch(61.04% 0.0757 151.04) 57.4%, oklch(61.00% 0.0800 149.93) 59.6%, oklch(61.02% 0.0839 148.47) 61.7%, oklch(61.13% 0.0874 146.57) 63.8%, oklch(61.33% 0.0902 144.16) 66.0%, oklch(61.63% 0.0923 141.16) 68.1%, oklch(62.03% 0.0942 137.55) 70.2%, oklch(62.51% 0.0958 133.44) 72.3%, oklch(63.06% 0.0971 128.91) 74.5%, oklch(63.66% 0.0983 124.04) 76.6%, oklch(64.30% 0.0992 118.94) 78.7%, oklch(64.97% 0.1000 113.69) 80.9%, oklch(65.66% 0.1006 108.38) 83.0%, oklch(66.34% 0.1011 103.10) 85.1%, oklch(67.02% 0.1015 97.95) 87.2%, oklch(67.67% 0.1018 93.00) 89.4%, oklch(68.28% 0.1021 88.35) 91.5%, oklch(68.84% 0.1024 84.09) 93.6%, oklch(69.33% 0.1027 80.31) 95.7%, oklch(69.75% 0.1030 77.09) 97.9%, oklch(70.08% 0.1033 74.54) 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
