Xanh dương, xanh lá đậm, nâu và xám (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #3f71b6, #294555, #4b6637, #aa9c4f, #c9cccd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #3f71b6
- #3d70b3
- #3b6eae
- #396ca9
- #376aa4
- #35679d
- #336497
- #326190
- #305e88
- #2f5a81
- #2e577a
- #2d5373
- #2c506c
- #2b4d65
- #2a4a5f
- #2a475a
- #294555
- #294350
- #29424d
- #29414a
- #294149
- #294148
- #294248
- #294448
- #284748
- #284a49
- #284d49
- #295248
- #2b5647
- #305a45
- #375f41
- #40633d
- #4b6637
- #566a31
- #636d2b
- #6f6f24
- #7b711f
- #87731a
- #917619
- #9a781a
- #a27a1d
- #a87d21
- #ac8127
- #af852d
- #b08a34
- #af903b
- #ad9645
- #aa9c4f
- #a5a35b
- #a1a968
- #9caf75
- #98b483
- #96b990
- #95bc9d
- #97bfa9
- #9bc1b3
- #a0c3bb
- #a7c5c1
- #aec6c6
- #b5c7c9
- #bbc8cb
- #c1c9cc
- #c6cacc
- #c9cccd
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.1213 256.64) 0.0%, oklch(54.18% 0.1187 255.73) 1.6%, oklch(53.47% 0.1155 254.84) 3.2%, oklch(52.61% 0.1116 253.96) 4.8%, oklch(51.63% 0.1072 253.06) 6.3%, oklch(50.54% 0.1024 252.13) 7.9%, oklch(49.36% 0.0971 251.15) 9.5%, oklch(48.12% 0.0916 250.10) 11.1%, oklch(46.84% 0.0859 248.97) 12.7%, oklch(45.53% 0.0800 247.72) 14.3%, oklch(44.22% 0.0741 246.35) 15.9%, oklch(42.94% 0.0683 244.83) 17.5%, oklch(41.69% 0.0626 243.15) 19.0%, oklch(40.51% 0.0572 241.29) 20.6%, oklch(39.41% 0.0520 239.22) 22.2%, oklch(38.42% 0.0472 236.94) 23.8%, oklch(37.55% 0.0430 234.41) 25.4%, oklch(36.83% 0.0392 231.63) 27.0%, oklch(36.27% 0.0362 228.57) 28.6%, oklch(35.91% 0.0338 225.21) 30.2%, oklch(35.75% 0.0323 221.54) 31.7%, oklch(35.83% 0.0317 217.54) 33.3%, oklch(36.13% 0.0322 212.84) 34.9%, oklch(36.64% 0.0337 207.19) 36.5%, oklch(37.34% 0.0363 200.69) 38.1%, oklch(38.21% 0.0398 193.48) 39.7%, oklch(39.24% 0.0440 185.69) 41.3%, oklch(40.40% 0.0488 177.42) 42.9%, oklch(41.69% 0.0541 168.81) 44.4%, oklch(43.08% 0.0599 159.98) 46.0%, oklch(44.56% 0.0659 151.06) 47.6%, oklch(46.10% 0.0721 142.16) 49.2%, oklch(47.71% 0.0783 133.41) 50.8%, oklch(49.35% 0.0844 124.93) 52.4%, oklch(51.01% 0.0903 116.85) 54.0%, oklch(52.67% 0.0959 109.28) 55.6%, oklch(54.32% 0.1010 102.36) 57.1%, oklch(55.94% 0.1056 96.21) 58.7%, oklch(57.51% 0.1095 90.94) 60.3%, oklch(59.02% 0.1126 86.68) 61.9%, oklch(60.45% 0.1147 83.56) 63.5%, oklch(61.78% 0.1158 81.70) 65.1%, oklch(62.99% 0.1157 81.22) 66.7%, oklch(64.15% 0.1145 82.26) 68.3%, oklch(65.33% 0.1122 84.77) 69.8%, oklch(66.53% 0.1090 88.63) 71.4%, oklch(67.72% 0.1049 93.68) 73.0%, oklch(68.92% 0.1000 99.79) 74.6%, oklch(70.12% 0.0945 106.83) 76.2%, oklch(71.30% 0.0885 114.64) 77.8%, oklch(72.48% 0.0820 123.10) 79.4%, oklch(73.63% 0.0752 132.06) 81.0%, oklch(74.76% 0.0681 141.39) 82.5%, oklch(75.87% 0.0609 150.94) 84.1%, oklch(76.94% 0.0536 160.57) 85.7%, oklch(77.97% 0.0464 170.15) 87.3%, oklch(78.96% 0.0393 179.54) 88.9%, oklch(79.90% 0.0325 188.59) 90.5%, oklch(80.79% 0.0261 197.17) 92.1%, oklch(81.62% 0.0201 205.14) 93.7%, oklch(82.38% 0.0147 212.36) 95.2%, oklch(83.08% 0.0099 218.68) 96.8%, oklch(83.71% 0.0059 223.98) 98.4%, oklch(84.25% 0.0028 228.11) 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
