本文へ移動
Develop Tools

カラーピッカー・カラーコード変換ツール

色の選択、形式変換、配色生成、コントラスト確認を行います。

色を選択

212°
100%
現在の色
変更前の色

色形式

各入力欄を直接編集できます。

コントラスト確認

大きなサンプルテキスト 通常サイズのサンプルテキストとリンクの見え方を確認できます。
1.00:1 通常 AA 通常 AAA 大文字 AA 大文字 AAA

配色生成

一時パレット

パレットへ追加した色がここに表示されます。

このツールについて

Web制作やUI設計で使用するカラーコードの取得、変換、配色検討を1ページで行えます。

対応内容

  • HEX、RGB、HSL、HSV形式
  • コントラスト比の確認、配色生成、一時パレット

使い方

  1. カラーピッカーまたは数値入力で色を選択します。
  2. 必要な色形式や配色方式を選びます。
  3. 表示されたカラーコードをコピーします。

制限事項

  • ディスプレイやカラープロファイルによって実際の見え方は異なります。
  • コントラスト結果は最終デザインでも確認してください。

プライバシー: 入力内容と処理結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信・保存されません。