カラーコンバーター

カラーコンバーターとは？

カラーコンバーターは、開発者が異なる色形式を自由に相互変換するためのオンラインツールです。Web開発で最もよく使われる色形式には、HEX（16進数）、RGB（赤・緑・青）、HSL（色相・彩度・明度）、CMYK（シアン・マゼンタ・イエロー・ブラック）があります。このツールは入力形式を自動認識し、4つの形式すべてを同時に出力するため、配色の効率を大幅に向上させます。

色形式の説明

• HEX — 16進数のカラーコード。#で始まり、例：#ff6600。CSSで最もよく使われる色形式です。
• RGB — 赤・緑・青の三原色による表現。例：rgb(255, 102, 0)。各成分は0〜255の範囲です。
• HSL — 色相（Hue 0〜360°）、彩度（Saturation 0〜100%）、明度（Lightness 0〜100%）。人間の直感に最も合う色モデルです。
• CMYK — シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、ブラック（Key）。印刷業界の標準形式です。
• CSS色名 — W3Cが定義する140以上の色名。例：rebeccapurple、coral。

主な使用シーン

• UIデザイン — デザイナーがHEX値を渡し、開発者は明暗調整にHSLが必要
• ボタンの状態 — Tints & Shadesを使ってhover/active状態の色階調を生成
• ブランド配色 — 配色スキームで補色・トライアドなどを生成
• アクセシビリティチェック — WCAGコントラストチェッカーで文字の可読性を確保
• CSSグラデーション — お気に入りでグラデーション生成用の色を準備

WCAGコントラスト基準

• AA基準 — 標準テキスト ≥ 4.5:1、大きなテキスト ≥ 3:1
• AAA基準 — 標準テキスト ≥ 7:1、大きなテキスト ≥ 4.5:1