M·A·C

ブランド / 表示名

M·A·C (mac)

カテゴリ

コスメ

公式カラー (HEX / RGB / HSL)

#231815rgb(35, 24, 21) · hsl(13, 25%, 11%)

WCAG コントラストとファイルサイズ

白背景 17.3:1 · 黒背景 1.1:1 · 3.2 KB

<svg viewBox="0 0 86 51" width="86" height="51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.845 21.5c.192 0 .404 0 .575.021.319.064.596.192.894.32.191.085.362.17.553.276.447.213.915.447 1.362.66a659 659 0 0 1 6.748 3.278c.66.32 1.298.639 1.958.958.276.127.532.255.809.383-.213-.32-.405-.639-.532-1-.405-1.235.085-2.448.979-3.257.425-.404.936-.681 1.447-.915.34-.15.724-.277 1.085-.362.107-.021.235-.064.362-.064h.895c.063-.021.148 0 .233 0 .064-.021.298 0 .383 0h17.39c.32 0 .66 0 .915.106.66.256.703.98.043 1.299-.255.128-.553.106-.894.106H60.044a5.2 5.2 0 0 0-1.3.234c-.446.128-.85.32-1.234.596-.66.469-1.192 1.32-.745 2.15.128.234.277.426.468.617.235.213.49.362.767.511.17.107.383.17.575.234.51.17 1 .256 1.575.298h17.9c.49 0 .979 0 1.234.426.086.149.128.34.064.51-.106.363-.51.533-.851.575H60.064c-.66 0-1.277-.149-1.851-.319-.192-.064-.383-.127-.575-.213-.064-.02-.128-.064-.192-.085.192.426-.276.639-.617.681-.213 0-.404 0-.575-.064-1.021-.49-2.022-.979-3.043-1.468-.298-.15-.617-.298-.916-.447-.085-.043-.17-.107-.255-.107H34.8c.02 0 .063-.042.085-.042.085-.043.149-.085.234-.107.213-.106.425-.212.638-.298.469-.234.937-.468 1.405-.68.15-.086.32-.15.468-.235.043 0 .085-.042.15-.064h11.195s-.404-.213-.447-.234a41 41 0 0 0-1.383-.66c-1-.49-2.001-.957-3.001-1.447-.298-.149-.575-.277-.852-.426-.085-.042-.234-.149-.32-.149-.084 0-.233.107-.319.15-.34.17-.68.319-1.021.489-3.214 1.554-6.428 3.129-9.663 4.683-.533.255-1.043.51-1.575.745-.128.063-.277.127-.405.191a1.8 1.8 0 0 1-.468.192c-.32.064-.724.02-.937-.192a.4.4 0 0 1-.127-.191c-.043-.15-.022-.32-.022-.49v-5.406c-3.086 1.32-6.193 2.639-9.28 3.937-.128.043-.234.107-.362.128-.361.085-.83.106-1.191 0-.256-.064-.469-.192-.724-.277-.192-.085-.405-.17-.596-.255 0 0-.043 0-.043-.021 0 0 .15-.064.213-.107.17-.064.34-.149.49-.213.66-.276 1.32-.553 1.958-.83 2.043-.872 4.065-1.724 6.087-2.575.767-.32 1.533-.639 2.299-.98.17-.063.34-.148.51-.212.171-.064.32-.15.512-.15h.17c.064-.02.149 0 .234 0 .426 0 1.043.171 1.192.597.043.149.021.362.021.532v4.832l.256-.128c.191-.107.404-.192.596-.298.638-.32 1.298-.617 1.937-.937 2.128-1.043 4.278-2.064 6.406-3.107l2.235-1.086c.277-.128.575-.298.873-.404.106-.021.213-.064.32-.064h.148m-35.077-.064c.277 0 .532 0 .766.064.107.021.192.064.277.106.213.085.447.192.66.277.34.15.702.298 1.064.447 1.724.724 3.448 1.469 5.172 2.192.575.235 1.15.49 1.745.745.128.064.277.107.405.17a.5.5 0 0 0 .192.065c-.511.234-1.022.446-1.512.66l-.319.127c-.043 0-.085.043-.106.043-.043 0-.085-.022-.128-.043-.107-.043-.192-.085-.298-.128-.447-.191-.915-.383-1.362-.574-1.448-.618-2.874-1.214-4.321-1.83-.447-.192-.915-.384-1.362-.576l-.32-.127c-.042 0-.063-.022-.085-.043v5.385c0 .15.022.383-.021.511-.128.32-.66.426-.98.34-.17-.042-.36-.127-.446-.297-.064-.128-.043-.32-.043-.469v-5.96c0-.148-.02-.361.022-.489.106-.298.447-.468.723-.532.064 0 .15-.043.234-.043h.107" fill="#231815"/><path d="M32.884 23.671c.255 0 .468 0 .681.043.405.063 1.064.383.703.894-.064.085-.192.148-.277.212-.468.235-1.192.256-1.703.085-.213-.063-.426-.17-.532-.383-.043-.063-.064-.149-.043-.234.064-.276.384-.425.618-.51.085-.022.191-.064.276-.064h.277m20.029-.043c.447 0 .873.043 1.213.255a.65.65 0 0 1 .256.277c.063.15 0 .32-.086.426-.447.532-2.128.532-2.49-.085-.255-.405.256-.681.553-.767a.7.7 0 0 1 .298-.063h.277" fill="#231815"/></svg>

使用上の注意

• 元の 1.69:1 の縦横比（viewBox "0 0 86 51"）を保って拡大縮小し、変形させないでください。
• ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
• 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。