Nâu, xám, xanh dương và tím hoa cà (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #bf8a69, #627f7f, #6a8796, #8499bd, #bb9690. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #bf8a69
- #bb8b66
- #b58b62
- #ae8c60
- #a68d5f
- #9c8e5f
- #928e61
- #878e65
- #7d8d6a
- #748c6f
- #6d8a74
- #688778
- #64857b
- #63827e
- #627f7f
- #637c80
- #637a80
- #657980
- #667780
- #677781
- #677781
- #687883
- #697985
- #697b87
- #6a7d8a
- #6a7f8d
- #6a8190
- #6a8493
- #6a8796
- #6a8a99
- #6a8d9c
- #6a909f
- #6a92a3
- #6a95a6
- #6b97a9
- #6c99ac
- #6e9aaf
- #709bb2
- #749bb6
- #789bb8
- #7e9abb
- #8499bd
- #8b98bd
- #9397bd
- #9a95bb
- #a194b9
- #a793b5
- #ac92b0
- #b192ab
- #b592a6
- #b792a1
- #b9929c
- #ba9398
- #bb9495
- #bb9592
- #bb9690
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.72% 0.0799 52.73) 0.0%, oklch(67.33% 0.0781 58.34) 1.8%, oklch(66.82% 0.0758 65.35) 3.6%, oklch(66.21% 0.0731 73.60) 5.5%, oklch(65.51% 0.0699 82.92) 7.3%, oklch(64.74% 0.0665 93.12) 9.1%, oklch(63.92% 0.0628 104.05) 10.9%, oklch(63.06% 0.0589 115.52) 12.7%, oklch(62.18% 0.0550 127.37) 14.5%, oklch(61.29% 0.0510 139.42) 16.4%, oklch(60.42% 0.0470 151.50) 18.2%, oklch(59.58% 0.0431 163.44) 20.0%, oklch(58.79% 0.0395 175.06) 21.8%, oklch(58.05% 0.0360 186.20) 23.6%, oklch(57.40% 0.0329 196.68) 25.5%, oklch(56.85% 0.0302 206.33) 27.3%, oklch(56.40% 0.0279 214.97) 29.1%, oklch(56.09% 0.0262 222.44) 30.9%, oklch(55.93% 0.0250 228.56) 32.7%, oklch(55.92% 0.0245 233.19) 34.5%, oklch(56.05% 0.0247 236.41) 36.4%, oklch(56.32% 0.0253 238.39) 38.2%, oklch(56.70% 0.0265 239.29) 40.0%, oklch(57.19% 0.0281 239.27) 41.8%, oklch(57.76% 0.0300 238.49) 43.6%, oklch(58.40% 0.0322 237.11) 45.5%, oklch(59.10% 0.0347 235.30) 47.3%, oklch(59.85% 0.0373 233.21) 49.1%, oklch(60.63% 0.0400 231.01) 50.9%, oklch(61.42% 0.0428 228.87) 52.7%, oklch(62.22% 0.0455 226.93) 54.5%, oklch(63.00% 0.0481 225.36) 56.4%, oklch(63.76% 0.0505 224.33) 58.2%, oklch(64.48% 0.0528 224.00) 60.0%, oklch(65.14% 0.0547 224.52) 61.8%, oklch(65.74% 0.0562 226.06) 63.6%, oklch(66.25% 0.0574 228.78) 65.5%, oklch(66.67% 0.0580 232.83) 67.3%, oklch(67.04% 0.0584 238.23) 69.1%, oklch(67.39% 0.0584 244.81) 70.9%, oklch(67.71% 0.0582 252.42) 72.7%, oklch(68.01% 0.0578 260.92) 74.5%, oklch(68.29% 0.0572 270.15) 76.4%, oklch(68.54% 0.0565 279.97) 78.2%, oklch(68.78% 0.0556 290.21) 80.0%, oklch(69.00% 0.0546 300.72) 81.8%, oklch(69.20% 0.0536 311.37) 83.6%, oklch(69.39% 0.0525 321.98) 85.5%, oklch(69.56% 0.0514 332.42) 87.3%, oklch(69.72% 0.0503 342.53) 89.1%, oklch(69.86% 0.0492 352.15) 90.9%, oklch(70.00% 0.0482 1.14) 92.7%, oklch(70.13% 0.0473 9.34) 94.5%, oklch(70.25% 0.0465 16.61) 96.4%, oklch(70.36% 0.0459 22.79) 98.2%, oklch(70.47% 0.0455 27.72) 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
