/** * gColors CSS Variables * Version: 3.1.0 * Generated: 2026-03-14T00:00:00.000000 * * ⚠️ このファイルは generate-css.py により自動生成されます。 * ⚠️ 直接編集しないでください。色情報は data/colors.json を編集し、 * ⚠️ generate-css.py を再実行してください。 * * 収録色数: 12色（basicカテゴリのみ／Free版） * 後方互換エイリアス: 63件 * * 変数一覧: * --gc-{key} 基本色 * --gc-{key}-contrast テキスト推奨色（白 or 黒 / WCAG 2.1） * --gc-{key}10〜90 淡色バリエーション（color-mix） */ :root { /* 基本色 (12色) */ --gc-ai-iro: #0F4C81; /* 藍色（あいいろ） */ --gc-ai-iro-contrast: #FFFFFF; --gc-ai-iro10: color-mix(in srgb, var(--gc-ai-iro), white 90%); --gc-ai-iro20: color-mix(in srgb, var(--gc-ai-iro), white 80%); --gc-ai-iro30: color-mix(in srgb, var(--gc-ai-iro), white 70%); --gc-ai-iro40: color-mix(in srgb, var(--gc-ai-iro), white 60%); --gc-ai-iro50: color-mix(in srgb, var(--gc-ai-iro), white 50%); --gc-ai-iro60: color-mix(in srgb, var(--gc-ai-iro), white 40%); --gc-ai-iro70: color-mix(in srgb, var(--gc-ai-iro), white 30%); --gc-ai-iro80: color-mix(in srgb, var(--gc-ai-iro), white 20%); --gc-ai-iro90: color-mix(in srgb, var(--gc-ai-iro), white 10%); --gc-beni-iro: #D7003A; /* 紅色（べにいろ） */ --gc-beni-iro-contrast: #FFFFFF; --gc-beni-iro10: color-mix(in srgb, var(--gc-beni-iro), white 90%); --gc-beni-iro20: color-mix(in srgb, var(--gc-beni-iro), white 80%); --gc-beni-iro30: color-mix(in srgb, var(--gc-beni-iro), white 70%); --gc-beni-iro40: color-mix(in srgb, var(--gc-beni-iro), white 60%); --gc-beni-iro50: color-mix(in srgb, var(--gc-beni-iro), white 50%); --gc-beni-iro60: color-mix(in srgb, var(--gc-beni-iro), white 40%); --gc-beni-iro70: color-mix(in srgb, var(--gc-beni-iro), white 30%); --gc-beni-iro80: color-mix(in srgb, var(--gc-beni-iro), white 20%); --gc-beni-iro90: color-mix(in srgb, var(--gc-beni-iro), white 10%); --gc-kon-iro: #192F60; /* 紺色（こんいろ） */ --gc-kon-iro-contrast: #FFFFFF; --gc-kon-iro10: color-mix(in srgb, var(--gc-kon-iro), white 90%); --gc-kon-iro20: color-mix(in srgb, var(--gc-kon-iro), white 80%); --gc-kon-iro30: color-mix(in srgb, var(--gc-kon-iro), white 70%); --gc-kon-iro40: color-mix(in srgb, var(--gc-kon-iro), white 60%); --gc-kon-iro50: color-mix(in srgb, var(--gc-kon-iro), white 50%); --gc-kon-iro60: color-mix(in srgb, var(--gc-kon-iro), white 40%); --gc-kon-iro70: color-mix(in srgb, var(--gc-kon-iro), white 30%); --gc-kon-iro80: color-mix(in srgb, var(--gc-kon-iro), white 20%); --gc-kon-iro90: color-mix(in srgb, var(--gc-kon-iro), white 10%); --gc-wakakusa-iro: #C3D825; /* 若草色（わかくさいろ） */ --gc-wakakusa-iro-contrast: #000000; --gc-wakakusa-iro10: color-mix(in srgb, var(--gc-wakakusa-iro), white 90%); --gc-wakakusa-iro20: color-mix(in srgb, var(--gc-wakakusa-iro), white 80%); --gc-wakakusa-iro30: color-mix(in srgb, var(--gc-wakakusa-iro), white 70%); --gc-wakakusa-iro40: color-mix(in srgb, var(--gc-wakakusa-iro), white 60%); --gc-wakakusa-iro50: color-mix(in srgb, var(--gc-wakakusa-iro), white 50%); --gc-wakakusa-iro60: color-mix(in srgb, var(--gc-wakakusa-iro), white 40%); --gc-wakakusa-iro70: color-mix(in srgb, var(--gc-wakakusa-iro), white 30%); --gc-wakakusa-iro80: color-mix(in srgb, var(--gc-wakakusa-iro), white 20%); --gc-wakakusa-iro90: color-mix(in srgb, var(--gc-wakakusa-iro), white 10%); --gc-sakura-iro: #FEDFE1; /* 桜色（さくらいろ） */ --gc-sakura-iro-contrast: #000000; --gc-sakura-iro10: color-mix(in srgb, var(--gc-sakura-iro), white 90%); --gc-sakura-iro20: color-mix(in srgb, var(--gc-sakura-iro), white 80%); --gc-sakura-iro30: color-mix(in srgb, var(--gc-sakura-iro), white 70%); --gc-sakura-iro40: color-mix(in srgb, var(--gc-sakura-iro), white 60%); --gc-sakura-iro50: color-mix(in srgb, var(--gc-sakura-iro), white 50%); --gc-sakura-iro60: color-mix(in srgb, var(--gc-sakura-iro), white 40%); --gc-sakura-iro70: color-mix(in srgb, var(--gc-sakura-iro), white 30%); --gc-sakura-iro80: color-mix(in srgb, var(--gc-sakura-iro), white 20%); --gc-sakura-iro90: color-mix(in srgb, var(--gc-sakura-iro), white 10%); --gc-kinari-iro: #FBF7F0; /* 生成色（きなりいろ） */ --gc-kinari-iro-contrast: #000000; --gc-kinari-iro10: color-mix(in srgb, var(--gc-kinari-iro), white 90%); --gc-kinari-iro20: color-mix(in srgb, var(--gc-kinari-iro), white 80%); --gc-kinari-iro30: color-mix(in srgb, var(--gc-kinari-iro), white 70%); --gc-kinari-iro40: color-mix(in srgb, var(--gc-kinari-iro), white 60%); --gc-kinari-iro50: color-mix(in srgb, var(--gc-kinari-iro), white 50%); --gc-kinari-iro60: color-mix(in srgb, var(--gc-kinari-iro), white 40%); --gc-kinari-iro70: color-mix(in srgb, var(--gc-kinari-iro), white 30%); --gc-kinari-iro80: color-mix(in srgb, var(--gc-kinari-iro), white 20%); --gc-kinari-iro90: color-mix(in srgb, var(--gc-kinari-iro), white 10%); --gc-sumi-iro: #1C1C1C; /* 墨色（すみいろ） */ --gc-sumi-iro-contrast: #FFFFFF; --gc-sumi-iro10: color-mix(in srgb, var(--gc-sumi-iro), white 90%); --gc-sumi-iro20: color-mix(in srgb, var(--gc-sumi-iro), white 80%); --gc-sumi-iro30: color-mix(in srgb, var(--gc-sumi-iro), white 70%); --gc-sumi-iro40: color-mix(in srgb, var(--gc-sumi-iro), white 60%); --gc-sumi-iro50: color-mix(in srgb, var(--gc-sumi-iro), white 50%); --gc-sumi-iro60: color-mix(in srgb, var(--gc-sumi-iro), white 40%); --gc-sumi-iro70: color-mix(in srgb, var(--gc-sumi-iro), white 30%); --gc-sumi-iro80: color-mix(in srgb, var(--gc-sumi-iro), white 20%); --gc-sumi-iro90: color-mix(in srgb, var(--gc-sumi-iro), white 10%); --gc-gin-nezu: #AFAFB0; /* 銀鼠（ぎんねず） */ --gc-gin-nezu-contrast: #000000; --gc-gin-nezu10: color-mix(in srgb, var(--gc-gin-nezu), white 90%); --gc-gin-nezu20: color-mix(in srgb, var(--gc-gin-nezu), white 80%); --gc-gin-nezu30: color-mix(in srgb, var(--gc-gin-nezu), white 70%); --gc-gin-nezu40: color-mix(in srgb, var(--gc-gin-nezu), white 60%); --gc-gin-nezu50: color-mix(in srgb, var(--gc-gin-nezu), white 50%); --gc-gin-nezu60: color-mix(in srgb, var(--gc-gin-nezu), white 40%); --gc-gin-nezu70: color-mix(in srgb, var(--gc-gin-nezu), white 30%); --gc-gin-nezu80: color-mix(in srgb, var(--gc-gin-nezu), white 20%); --gc-gin-nezu90: color-mix(in srgb, var(--gc-gin-nezu), white 10%); --gc-yamabuki-iro: #F8B500; /* 山吹色（やまぶきいろ） */ --gc-yamabuki-iro-contrast: #000000; --gc-yamabuki-iro10: color-mix(in srgb, var(--gc-yamabuki-iro), white 90%); --gc-yamabuki-iro20: color-mix(in srgb, var(--gc-yamabuki-iro), white 80%); --gc-yamabuki-iro30: color-mix(in srgb, var(--gc-yamabuki-iro), white 70%); --gc-yamabuki-iro40: color-mix(in srgb, var(--gc-yamabuki-iro), white 60%); --gc-yamabuki-iro50: color-mix(in srgb, var(--gc-yamabuki-iro), white 50%); --gc-yamabuki-iro60: color-mix(in srgb, var(--gc-yamabuki-iro), white 40%); --gc-yamabuki-iro70: color-mix(in srgb, var(--gc-yamabuki-iro), white 30%); --gc-yamabuki-iro80: color-mix(in srgb, var(--gc-yamabuki-iro), white 20%); --gc-yamabuki-iro90: color-mix(in srgb, var(--gc-yamabuki-iro), white 10%); --gc-mizu-iro: #BCE2E8; /* 水色（みずいろ） */ --gc-mizu-iro-contrast: #000000; --gc-mizu-iro10: color-mix(in srgb, var(--gc-mizu-iro), white 90%); --gc-mizu-iro20: color-mix(in srgb, var(--gc-mizu-iro), white 80%); --gc-mizu-iro30: color-mix(in srgb, var(--gc-mizu-iro), white 70%); --gc-mizu-iro40: color-mix(in srgb, var(--gc-mizu-iro), white 60%); --gc-mizu-iro50: color-mix(in srgb, var(--gc-mizu-iro), white 50%); --gc-mizu-iro60: color-mix(in srgb, var(--gc-mizu-iro), white 40%); --gc-mizu-iro70: color-mix(in srgb, var(--gc-mizu-iro), white 30%); --gc-mizu-iro80: color-mix(in srgb, var(--gc-mizu-iro), white 20%); --gc-mizu-iro90: color-mix(in srgb, var(--gc-mizu-iro), white 10%); --gc-murasaki-iro: #9D5B8B; /* 紫色（むらさきいろ） */ --gc-murasaki-iro-contrast: #FFFFFF; --gc-murasaki-iro10: color-mix(in srgb, var(--gc-murasaki-iro), white 90%); --gc-murasaki-iro20: color-mix(in srgb, var(--gc-murasaki-iro), white 80%); --gc-murasaki-iro30: color-mix(in srgb, var(--gc-murasaki-iro), white 70%); --gc-murasaki-iro40: color-mix(in srgb, var(--gc-murasaki-iro), white 60%); --gc-murasaki-iro50: color-mix(in srgb, var(--gc-murasaki-iro), white 50%); --gc-murasaki-iro60: color-mix(in srgb, var(--gc-murasaki-iro), white 40%); --gc-murasaki-iro70: color-mix(in srgb, var(--gc-murasaki-iro), white 30%); --gc-murasaki-iro80: color-mix(in srgb, var(--gc-murasaki-iro), white 20%); --gc-murasaki-iro90: color-mix(in srgb, var(--gc-murasaki-iro), white 10%); --gc-tokiwa-midori: #007B43; /* 常磐緑（ときわみどり） */ --gc-tokiwa-midori-contrast: #FFFFFF; --gc-tokiwa-midori10: color-mix(in srgb, var(--gc-tokiwa-midori), white 90%); --gc-tokiwa-midori20: color-mix(in srgb, var(--gc-tokiwa-midori), white 80%); --gc-tokiwa-midori30: color-mix(in srgb, var(--gc-tokiwa-midori), white 70%); --gc-tokiwa-midori40: color-mix(in srgb, var(--gc-tokiwa-midori), white 60%); --gc-tokiwa-midori50: color-mix(in srgb, var(--gc-tokiwa-midori), white 50%); --gc-tokiwa-midori60: color-mix(in srgb, var(--gc-tokiwa-midori), white 40%); --gc-tokiwa-midori70: color-mix(in srgb, var(--gc-tokiwa-midori), white 30%); --gc-tokiwa-midori80: color-mix(in srgb, var(--gc-tokiwa-midori), white 20%); --gc-tokiwa-midori90: color-mix(in srgb, var(--gc-tokiwa-midori), white 10%); /* 赤・紅系 (70色) */ /* 橙・茶赤系 (55色) */ /* 黄系 (35色) */ /* 緑系 (40色) */ /* 青緑系 (30色) */ /* 青系 (50色) */ /* 紫系 (35色) */ /* 赤紫系 (30色) */ /* 無彩色・低彩度 (45色) */ /* ===================================================== * 後方互換エイリアス * v2.x で使用されていたキーを v3.x のキーにマップします。 * 既存サイトで --gc-旧key を使用している場合も引き続き動作します。 * ===================================================== */ }