AG Color は、デザイナーやエンジニアが毎日使うカラーコードを登録・インストールなしですぐに扱える無料のカラーツールです。
カラー変換ツール — HEX・RGB・HSL・HSV・CMYK の5つの表記を一箇所でリアルタイムに相互変換し、大きなプレビュースウォッチとワンクリックコピーを提供します。
パレット生成ツール — 1つの基準カラーから補色・類似色・トライアド・テトラード・明暗段階のパレットを自動で作成します。
CSS グラデーション — 2色と角度を調整して linear-gradient・radial-gradient コードを即座にコピーできます。
CSS カラー名 — 標準 CSS named color 141種を検索し、HEX 値をコピーします。
すべての計算はユーザーのブラウザ内だけで行われ、入力したどの値もサーバーへ送信・保存されることはありません。最近使用したカラーのみ、利便性のためにブラウザのローカルストレージに保存されます。
HEX は #RRGGBB 形式の16進数表記で、RGB は赤・緑・青を0〜255の値で表します。たとえば #FF0000 は rgb(255, 0, 0) と同じ色です。この変換ツールでは1つの値を入力すると、残りの表記がリアルタイムで更新されます。
画面（RGB）と印刷（CMYK）は色域が異なるため完全には一致しません。このツールの CMYK は標準的な計算式に基づく近似値で、実際の印刷色はプロファイルによって変わることがあります。
補色は色相環で180°反対側にある色で強いコントラストを生み、類似色は両隣30°以内の隣接色で調和のとれた配色を作ります。
出力された background: linear-gradient(...) コードをコピーし、CSS の要素スタイルにそのまま貼り付けてください。
標準の CSS には gray/grey のように綴りだけが異なる別名を含めて148個が定義されており、この表では色が重複する綴り違いを除いた141種を表示しています。rebeccapurple を含め、すべて最新のブラウザで使用できます。