カラーツール
ウェブサイト、グラフィック、デザインシステム用の色を変換、調整、混合、生成します。
クイックアクセス
すべて表示
カラーコンバーター
色をHEX・HEX8・RGB・RGBA・HSL・HSLAに変換。アルファを確認し、CSS値をコピーできます。
オンライン色の明るさ調整ツール
ベースカラーと明るさの割合を指定して、白に向かって線形に明るくした色を生成します。HEX・RGB・HSV・HSLの各形式で結果を確認・編集できます。
RGBグラデーションパレット生成
再現可能なカラースケールを作成し、生成された各ストップをプレビューして、CSS、チャート、デザイントークン用の正確なHEXシーケンスをコピーできます。
色を暗くする
不透明な色を指定した割合で黒と混ぜ、生成した色を確認・編集します。
彩度調整
単色のHSL彩度をパーセントポイントで調整し、結果を手動編集して結果テキストをコピーできます。
グレースケール変換
単一の不透明色のHSL彩度をゼロにしてグレーに変換。HEX、RGB、HSV、HSL値を確認してコピーできます。
色を反転
単一の不透明色を、各RGBチャンネルを255から引いて反転します。結果を比較してコピーできます。
ランダムカラー生成
ブラウザ内でランダムなRGBまたはHSLカラーを生成し、HEX・RGB・HSLの各値を表示します。
カラーミキサー
2つの不透明なRGB色を指定した割合で混ぜ、正確なHEXコードを生成します。
色相シフト
単色のHSL色相を回転させて別の色に変換するツールです。
オンライン3色カラースキームツール
ベースカラーから3つの色相を等間隔（120度ごと）に生成するトライアドカラースキーム作成ツールです。
オンライン4色カラースキームツール
長方形テトラッドは、HSL色相環上で0°、60°、180°、240°の位置にある4色の組み合わせです。
オンライン補色ツール
基準色からHSL補色のペアを生成します。HEX・RGB・HSV・HSLの各欄で色を指定し、生成後の2色を個別に調整できます。
オンライン分割補色ツール
ベースカラーを選ぶと、その補色の両隣30度の2色を加えた3色の分割補色パレットを生成します。
オンライン類似色配色ツール
ベースカラーを選び、色相の間隔を調整して、調和のとれた類似色の3色セットをブラウザ内で生成します。
オンライン単色カラーパレット生成ツール
ベースカラー1色から、同じ色相・彩度で明度だけを段階的に変えた単色パレット（3〜12色）を生成します。HEX/RGB/HSV/HSLで色を指定でき、各スウォッチは個別に編集可能です。
オンライン正方形カラースキームツール
4つの等間隔な色相（90度ごと）を持つ正方形配色を生成するブラウザ内ツール。HEX/RGB/HSV/HSL入力に対応し、各スウォッチは個別に編集可能。
オンライン画像カラーピッカー
画像のピクセルをクリックして、その表示上の色をHEX・RGB形式で取得できるブラウザ内ツールです。
画像からカラーパレットを作成
画像上の位置から1〜20色のパレットを作り、CSS・コード・SVG・PNGで書き出します。
オンライン一括画像色抽出ツール
最大30枚の画像から、クリックした位置の色をまとめて抽出し、各画像ごとにパレットを作成・エクスポートできるブラウザ完結型ツールです。