16進カラーコード（HEX）、RGB、HSL 相互変換ツール カラーピッカー付き

htmlやcssで色を指定するときに便利な、16進数カラーコード（HEX)と、RGB、そしてHSLそれぞれの値を相互変換できるツールです。カラーピッカーを使って視覚的に数値を取得する事もできます。

16進数カラーコード（HEX)
# 16進数値をコピー
RGB
R: G: B: RGB値をコピー
HSL
H: S: L: HSL値をコピー

↑クリック＆タップで↑
カラーピッカーが起動します

カラーピッカーのスポイトアイコンを選択すると、画面上の要素から色を抽出する事もできます。PCのWebブラウザでこのページを閲覧している場合は、ブラウザの外からも抽出できます。

過去に公開したHEX⇔RGB変換ツール同様、運営スタッフが使ために公開しています。どうかご容赦ください。

その他の計算ツール、便利ツール

• 黄金比 算出・計算ツール
• 少数から分数、分数から少数へ 変換・計算ツール
• A判（A3、A4、A5…）用紙サイズ一覧、ピクセル算出ツール
• B判（B3、B4、B5…）用紙サイズ一覧、ピクセル数値算出ツール
• 文字数カウントツール スペース、数字、英語算出機能付き
• フリマサービスの送料・手数料計算ツール
• 生年月日や日付から、経過日数・時間・秒数を計算するツール
• 今日の何日後は、何月何日何曜日？ を調べるツール
• 『秒』と『分』と『時間』と『日』数値変換ツール
• 全角英数字を半角英数字へ変換するツール
• 16進カラーコード（HEX）、RGB、HSL 相互変換ツール
• 16進数カラーコード（HEX)、RGB変換ツール
• IPアドレスやユーザーエージェント、モニタ解像度の確認ツール
• オンラインおみくじ
• 動画配信サービス 作品一括検索ツール
• ランダムパスワード生成ツール
• YouTubeサムネイル画像取得ツール
• テキストの実態参照＆数値参照変換ツール
• Amazon製品アドレス短縮ツール 複数URL一括変換対応
• 動画配信サービス一括検索ツール
• フィギュア一括検索ツール
• 漫画・コミック一括検索ツール

解像度計算ツール

• アスペクト比・解像度 チートシート
• 縦横数値→アスペクト比自動計算ツール
• 『1.43:1』解像度計算ツール
• 『16:9』解像度計算ツール
• 『16:10（8:5)』解像度計算ツール
• 『1.85:1』解像度計算ツール
• 『1.90:1』解像度計算ツール
• 『1.91:1(1:19.1)』解像度計算ツール
• 『19.5:9（9：19.5）』解像度計算ツール
• 『21:9』解像度計算ツール
• 『2.35:1』解像度計算ツール
• 『256:135』解像度計算ツール
• 『3:2』解像度計算ツール
• 『4:3』解像度計算ツール
• 『5:3（10:6）』解像度計算ツール
• 『5:4(4:5)』解像度計算ツール