Oxeye

品牌實體 / 展示名稱

Oxeye

行業分類歸屬

工具產品

官方基色 (HEX / RGB / HSL)

#F63DA3rgb(246, 61, 163) · hsl(327, 91%, 60%)

WCAG 亮暗底對比度與向量體積

白底 3.4:1 · 暗底 5.8:1 · 7.7 KB

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1551.91 515.29"><defs><style>.cls-1{fill:#020058;}.cls-2,.cls-3,.cls-4{opacity:0.9;}.cls-2{fill:url(#linear-gradient);}.cls-3{fill:url(#linear-gradient-2);}.cls-4{fill:url(#linear-gradient-3);}</style><linearGradient id="linear-gradient" x1="434.44" y1="163.16" x2="123.54" y2="366.9" gradientUnits="userSpaceOnUse"><stop offset="0.09" stop-color="#592ad7"/><stop offset="0.16" stop-color="#792ecc"/><stop offset="0.27" stop-color="#a632bd"/><stop offset="0.37" stop-color="#c936b1"/><stop offset="0.47" stop-color="#e239a9"/><stop offset="0.55" stop-color="#f13aa4"/><stop offset="0.63" stop-color="#f63ba2"/><stop offset="0.65" stop-color="#f63ba2" stop-opacity="0.88"/><stop offset="0.71" stop-color="#f63ca2" stop-opacity="0.68"/><stop offset="0.77" stop-color="#f63ca3" stop-opacity="0.51"/><stop offset="0.82" stop-color="#f63da3" stop-opacity="0.37"/><stop offset="0.87" stop-color="#f63da3" stop-opacity="0.28"/><stop offset="0.92" stop-color="#f63da3" stop-opacity="0.22"/><stop offset="0.96" stop-color="#f63da3" stop-opacity="0.2"/></linearGradient><linearGradient id="linear-gradient-2" x1="434.44" y1="163.16" x2="123.54" y2="366.9" gradientUnits="userSpaceOnUse"><stop offset="0.2" stop-color="#103aa0"/><stop offset="0.24" stop-color="#193aa0"/><stop offset="0.31" stop-color="#323aa0"/><stop offset="0.4" stop-color="#5a3aa1"/><stop offset="0.51" stop-color="#913ba1"/><stop offset="0.62" stop-color="#d73ba2"/><stop offset="0.67" stop-color="#f63ba2"/><stop offset="0.79" stop-color="#f63ca2" stop-opacity="0.72"/><stop offset="1" stop-color="#f63da3" stop-opacity="0.2"/></linearGradient><linearGradient id="linear-gradient-3" x1="124.13" y1="359.37" x2="352.89" y2="140.09" gradientUnits="userSpaceOnUse"><stop offset="0.07" stop-color="#020058"/><stop offset="0.26" stop-color="#1c1b6c" stop-opacity="0.87"/><stop offset="0.56" stop-color="#6564a3" stop-opacity="0.51"/><stop offset="0.69" stop-color="#8f8fc4" stop-opacity="0.3"/><stop offset="0.85" stop-color="#9292c6" stop-opacity="0.29"/><stop offset="0.93" stop-color="#9b9bcd" stop-opacity="0.24"/><stop offset="0.97" stop-color="#a2a2d2" stop-opacity="0.2"/></linearGradient></defs><path class="cls-1" d="M720.36,270.43q0,24-7,43.78a96.74,96.74,0,0,1-19.76,33.7,88.85,88.85,0,0,1-30.8,21.7,99.54,99.54,0,0,1-39.71,7.75,98.15,98.15,0,0,1-39.51-7.75,89.29,89.29,0,0,1-30.6-21.7,99.17,99.17,0,0,1-20-33.7q-7.17-19.75-7.16-43.78t7.16-43.58a98,98,0,0,1,20.15-33.51,89,89,0,0,1,30.8-21.5,99.12,99.12,0,0,1,39.12-7.56,100.62,100.62,0,0,1,39.33,7.56,86.76,86.76,0,0,1,30.8,21.5,100,100,0,0,1,20,33.51Q720.36,246.41,720.36,270.43Zm-48,0q0-30.21-13-47.84T623.12,205q-23.24,0-36.22,17.63t-13,47.84q0,30.61,13,48.43t36.22,17.82q23.25,0,36.23-17.82T672.33,270.43Z"/><path class="cls-1" d="M820.25,231.36l43.06-62h49.2l-68,97.05q21.32,26.78,40.88,54.12a445.88,445.88,0,0,1,32.19,51.44h-51a158.26,158.26,0,0,0-9.11-15.66q-5.6-8.53-11.94-17.77t-13.27-18.3q-6.93-9.06-13.47-17.08a386.74,386.74,0,0,0-26.64,34.94q-13,19.13-21.59,33.87h-47.8a242.2,242.2,0,0,1,14.11-24.58q8.37-12.92,17.93-26.39t19.72-27q10.17-13.49,20.13-25.64l-68.79-99h51.53Z"/><path class="cls-1" d="M1300.3,169.32q-31.32,115.44-72.7,209.2a210.5,210.5,0,0,1-15.9,29.83,88.59,88.59,0,0,1-18.23,20.53A64.66,64.66,0,0,1,1171,440.69a107.56,107.56,0,0,1-50.22,1.36q-10.68-2.32-16.1-5l8.52-37.58a76.33,76.33,0,0,0,27.64,5.42q18.29,0,28.6-8.71t18.1-26.93q-22.18-42.62-42.61-93a1021.42,1021.42,0,0,1-36.38-106.92h50q3.88,16.27,9.53,35.26t12.25,38.54q6.62,19.56,14,38.94t14.78,36q12.35-34.47,23.15-73.41t19.66-75.35Z"/><path class="cls-1" d="M1077.27,190.34q-23.44-26-65.28-26a93.52,93.52,0,0,0-34.86,6.78,87.33,87.33,0,0,0-30.22,20.14q-13.17,13.37-21.11,33.51t-7.94,46.88a136.06,136.06,0,0,0,6.19,42,90.37,90.37,0,0,0,19,33.32q12.78,14.15,32.54,22.08t46.49,7.94a177.9,177.9,0,0,0,20.53-1.16q10.07-1.17,18.79-2.91a150.94,150.94,0,0,0,15.5-3.87,74.59,74.59,0,0,0,10.65-4.07l-6.2-38.35q-8.13,3.48-22.28,6.59a145.61,145.61,0,0,1-31.18,3.09q-29.06,0-44.36-13.36-13.51-11.8-16.59-32.2h123.71l8.75.06.15-1.51.61-6.53c.15-1.94.27-4.05.37-6.31.12-3.22.19-6.13.19-8.72Q1100.71,216.31,1077.27,190.34Zm-106.34,43a48.7,48.7,0,0,1,8.72-15.11,43.24,43.24,0,0,1,13.75-10.66,41.94,41.94,0,0,1,19-4.06q10.47,0,18,3.67a37.75,37.75,0,0,1,12.78,10.08,44.37,44.37,0,0,1,7.94,15.11,61.54,61.54,0,0,1,2.71,18.4l-.38,5.9H966.6l.07-5.9A81.27,81.27,0,0,1,970.93,233.35Z"/><path class="cls-1" d="M1460.11,190.34q-23.44-26-65.28-26a93.57,93.57,0,0,0-34.87,6.78,87.33,87.33,0,0,0-30.22,20.14q-13.17,13.37-21.11,33.51t-7.94,46.88a135.76,135.76,0,0,0,6.2,42,90.49,90.49,0,0,0,19,33.32q12.78,14.15,32.54,22.08t46.49,7.94a177.78,177.78,0,0,0,20.53-1.16q10.08-1.17,18.79-2.91a150.28,150.28,0,0,0,15.5-3.87,74.11,74.11,0,0,0,10.65-4.07l-6.2-38.35q-8.13,3.48-22.27,6.59a145.7,145.7,0,0,1-31.19,3.09q-29.06,0-44.35-13.36-13.52-11.8-16.6-32.2h123.72l8.74.06.16-1.51.6-6.53c.15-1.94.28-4.05.37-6.31q.2-4.83.19-8.72Q1483.54,216.31,1460.11,190.34Zm-106.35,43a48.7,48.7,0,0,1,8.72-15.11,43.24,43.24,0,0,1,13.75-10.66,42,42,0,0,1,19-4.06,40.81,40.81,0,0,1,18,3.67A37.56,37.56,0,0,1,1426,217.27a44.38,44.38,0,0,1,8,15.11,61.86,61.86,0,0,1,2.71,18.4l-.39,5.9h-86.84l.06-5.9A81.87,81.87,0,0,1,1353.76,233.35Z"/><path class="cls-2" d="M455.13,266.36a203.74,203.74,0,0,1-15.66,58.44C419.84,370.08,384,408.64,339.1,429.14s-98.56,22.2-143.68,2.19A155.49,155.49,0,0,1,115.48,350c30.24,34.89,74.12,58.8,120.16,67.12.36.08.71.14,1.07.2A168.69,168.69,0,0,0,264,420.24,156.72,156.72,0,0,0,421.78,293.3c5.44-28.22,2.83-58.32-9.76-84.17s-34-43.84-59.12-53.42a125,125,0,0,0-79-3c-50.14,14.56-92,58.22-108.19,107.41-4.9,14.92-6.62,29.68-7.64,44.7-2.19-2.61-4.28-5.26-6.3-8l-.66-.89c-.7-.92-1.39-1.86-2.09-2.84-.24-.32-.46-.63-.7-1a195.7,195.7,0,0,1-18.91-32.84,170.11,170.11,0,0,1-12.61-40.09c-.69-3.77-1.25-7.56-1.65-11.37-.38-3.55-.62-7.1-.72-10.63,13.76-33.75,46.42-62.29,75.82-79.77A211.35,211.35,0,0,1,247.64,93.9a194.77,194.77,0,0,1,49.89-5.69,175,175,0,0,1,25,2.14c31.84,5,62.7,18.53,86.17,40.63,25.38,23.89,41.21,57.14,45.94,91.67A178.58,178.58,0,0,1,455.13,266.36Z"/><path class="cls-3" d="M455.13,266.36a203.74,203.74,0,0,1-15.66,58.44C419.84,370.08,384,408.64,339.1,429.14s-98.56,22.2-143.68,2.19A155.49,155.49,0,0,1,115.48,350c30.24,34.89,74.12,58.8,120.16,67.12.36.08.71.14,1.07.2A168.69,168.69,0,0,0,264,420.24,156.72,156.72,0,0,0,421.78,293.3c5.44-28.22,2.83-58.32-9.76-84.17s-34-43.84-59.12-53.42a125,125,0,0,0-79-3c-50.14,14.56-92,58.22-108.19,107.41-4.9,14.92-6.62,29.68-7.64,44.7-2.19-2.61-4.28-5.26-6.3-8l-.66-.89c-.7-.92-1.39-1.86-2.09-2.84-.24-.32-.46-.63-.7-1a195.7,195.7,0,0,1-18.91-32.84,170.11,170.11,0,0,1-12.61-40.09c-.69-3.77-1.25-7.56-1.65-11.37-.38-3.55-.62-7.1-.72-10.63,13.76-33.75,46.42-62.29,75.82-79.77A211.35,211.35,0,0,1,247.64,93.9a194.77,194.77,0,0,1,49.89-5.69,175,175,0,0,1,25,2.14c31.84,5,62.7,18.53,86.17,40.63,25.38,23.89,41.21,57.14,45.94,91.67A178.58,178.58,0,0,1,455.13,266.36Z"/><path class="cls-4" d="M421.78,293.3A156.74,156.74,0,0,1,264,420.24a200.62,200.62,0,0,1-27.25-2.91c-.36-.06-.71-.12-1.07-.2-46-8.32-89.92-32.23-120.16-67.12q-3.51-4-6.74-8.26l-.84-1.07-.38-.5c-.8-1.06-1.58-2.12-2.36-3.19-43-59.84-51.8-146.35-7.67-208,29.32-41,80.38-62.45,130.15-58.7,22.56,1.69,49.37,6.72,69.89,18a194.77,194.77,0,0,0-49.89,5.69c-6-1.22-12-2.24-18.09-2.94-28.4-3.25-56.55,3.51-79,21.73a95.2,95.2,0,0,0-11.41,11c-18.25,20.64-25.51,47-24.81,73.58.1,3.53.34,7.08.72,10.63.4,3.81,1,7.6,1.65,11.37a170.11,170.11,0,0,0,12.61,40.09,195.7,195.7,0,0,0,18.91,32.84c.24.34.46.65.7,1,.7,1,1.39,1.92,2.09,2.84l.66.89c2,2.7,4.11,5.35,6.3,8,28.65,34.43,70.93,62.44,114.82,70.43,35.16,6.41,74.58-2.41,98.47-29,19.23-21.42,26.29-51.56,25.44-80.34-1.2-40.34-17.2-79.93-43.85-110.17,25.08,9.58,46.58,27.65,59.12,53.42S427.22,265.08,421.78,293.3Z"/></svg>

設計應用建議

• 保持原生 3.01:1 寬高比（viewBox "0 0 1551.91 515.29"）等比例縮放，切勿拉伸變形
• 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
• 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋