Xám, xanh dương nhạt, xanh cổ vịt và xanh lá (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #436553, #8e80a5, #aec4dd, #5da391, #92ae63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #436553
- #406758
- #3d695f
- #3a6a68
- #3a6b71
- #3f6b7a
- #476a82
- #516a88
- #5c6a8d
- #676a90
- #716b92
- #796e94
- #807298
- #87789e
- #8e80a5
- #9588ad
- #9b91b5
- #a09abe
- #a6a3c6
- #aaabce
- #aeb3d5
- #b1b9da
- #b3bede
- #b4c1e0
- #b5c3e1
- #b4c5e1
- #b3c5e1
- #b1c5df
- #aec4dd
- #abc3db
- #a7c2d8
- #a3c1d5
- #9fbfd2
- #9abdcf
- #94bccb
- #8cb9c6
- #84b6bf
- #7bb2b8
- #72aeaf
- #69aaa5
- #62a79b
- #5da391
- #5aa087
- #5a9d7f
- #5b9c77
- #5e9b72
- #629c6d
- #679d6a
- #6d9f68
- #73a166
- #79a465
- #80a765
- #85a964
- #8bab64
- #8fad63
- #92ae63
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.64% 0.0496 160.31) 0.0%, oklch(48.04% 0.0502 168.26) 1.8%, oklch(48.48% 0.0511 179.15) 3.6%, oklch(48.96% 0.0521 192.30) 5.5%, oklch(49.50% 0.0533 207.04) 7.3%, oklch(50.12% 0.0546 222.70) 9.1%, oklch(50.84% 0.0558 238.58) 10.9%, oklch(51.65% 0.0570 254.01) 12.7%, oklch(52.60% 0.0580 268.32) 14.5%, oklch(53.67% 0.0587 280.82) 16.4%, oklch(54.90% 0.0592 290.84) 18.2%, oklch(56.30% 0.0593 297.69) 20.0%, oklch(58.00% 0.0589 301.50) 21.8%, oklch(60.09% 0.0582 303.07) 23.6%, oklch(62.45% 0.0572 302.73) 25.5%, oklch(65.01% 0.0559 300.81) 27.3%, oklch(67.66% 0.0545 297.65) 29.1%, oklch(70.32% 0.0530 293.58) 30.9%, oklch(72.88% 0.0515 288.94) 32.7%, oklch(75.25% 0.0500 284.05) 34.5%, oklch(77.35% 0.0487 279.25) 36.4%, oklch(79.06% 0.0476 274.88) 38.2%, oklch(80.31% 0.0469 271.27) 40.0%, oklch(81.14% 0.0462 268.13) 41.8%, oklch(81.65% 0.0454 264.94) 43.6%, oklch(81.89% 0.0445 261.66) 45.5%, oklch(81.90% 0.0437 258.27) 47.3%, oklch(81.69% 0.0431 254.74) 49.1%, oklch(81.31% 0.0426 251.04) 50.9%, oklch(80.79% 0.0424 247.14) 52.7%, oklch(80.16% 0.0425 243.02) 54.5%, oklch(79.46% 0.0430 238.64) 56.4%, oklch(78.71% 0.0440 233.98) 58.2%, oklch(77.95% 0.0455 229.00) 60.0%, oklch(77.03% 0.0477 223.49) 61.8%, oklch(75.80% 0.0507 217.35) 63.6%, oklch(74.35% 0.0543 210.72) 65.5%, oklch(72.76% 0.0583 203.76) 67.3%, oklch(71.09% 0.0626 196.60) 69.1%, oklch(69.42% 0.0671 189.42) 70.9%, oklch(67.84% 0.0716 182.34) 72.7%, oklch(66.40% 0.0760 175.54) 74.5%, oklch(65.20% 0.0801 169.14) 76.4%, oklch(64.30% 0.0837 163.31) 78.2%, oklch(63.78% 0.0868 158.20) 80.0%, oklch(63.67% 0.0895 153.67) 81.8%, oklch(63.92% 0.0919 149.48) 83.6%, oklch(64.46% 0.0942 145.63) 85.5%, oklch(65.22% 0.0963 142.11) 87.3%, oklch(66.14% 0.0982 138.89) 89.1%, oklch(67.15% 0.0999 135.97) 90.9%, oklch(68.18% 0.1014 133.34) 92.7%, oklch(69.17% 0.1028 130.98) 94.5%, oklch(70.06% 0.1041 128.89) 96.4%, oklch(70.78% 0.1052 127.04) 98.2%, oklch(71.26% 0.1061 125.44) 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
