カラーコンバーター

カラーコンバーター の使い方

1. HEX コードを入力、RGB スライダーを調整、HSL 値を貼り付けるなど、任意の形式で色を指定します。
2. リアルタイムのプレビューを確認し、4 つの形式のいずれかをワンクリックでコピーします。
3. 「パレットを生成」を押すと、指定した色を基に、補色、類似色、トライアドの調和する配色を作れます。

このツールについて

画面、エディター、デザインシステムによって、色の表し方は少しずつ異なります。CSS は HEX や HSL、Photoshop の混色では CMYK、ライブラリーは rgb() を好みます。このコンバーターは双方向に対応し、どの形式からでも入力できます。4 形式を同時表示し、リアルタイムのプレビューでブランドの色と一致しているか確認してからコピーできます。パレット生成では、正しい色相回転に基づいて補色、類似色、トライアドの組み合わせを導きます。デザイナーが 1 つのブランドカラーを中心に 5 色の配色を数秒で組み立てる方法です。即時性を重視し、ページの再読み込みも、アクセス解析も、待ち時間もありません。スポイトで色を取りやすい大きなプレビューで、ダークテーマとライトテーマの見え方も比較しやすくなっています。

よくある質問