🎨 カラー変換ツール – HEX · RGB · HSL + ティントパレット

概要

Toolio のカラー変換ツールは、カラーピッカーで色を選ぶか HEX・RGB・HSL の値を入力するだけで、3 つの形式を即座に表示しワンクリックでコピーできます。5 段階のティントパレットも自動生成されるので、選んだ色の明暗バリエーションをすぐに確認できます。すべての処理はブラウザ内の JavaScript で完結し、データが外部に送信されることは一切ないため、ブランドカラーなどプライベートな色でも安心して使えます。

使い方

1. カラーピッカーを使うか、HEX フィールドにコード（例：#ff6b4a）を直接入力します。
2. または R・G・B の値（0〜255）をそれぞれ入力して RGB カラーから始めることもできます。
3. 変換結果パネルで HEX・RGB・HSL の変換値を確認します。
4. 各形式の横にあるコピーボタンをクリックしてクリップボードにコピーします。
5. 入力欄の下にある 5 つのティントパレットのスウォッチを探索して、明るい・暗いバリエーションを選べます。

よくある質問

このカラー変換ツールは無料で使えますか？

はい、完全無料です。アカウント登録もサブスクリプションも一切不要です。

カラーデータがサーバーにアップロードされますか？

いいえ。すべての変換はブラウザ内の JavaScript でローカルに処理されます。サーバーへのデータ送信は一切ありません。

オフラインでも使えますか？

はい。ページを一度読み込めば、インターネットを切断しても完全に動作します。Progressive Web App として保存してオフラインで使うこともできます。

どのカラー形式に対応していますか？

HEX（例：#ff6b4a）、RGB（例：rgb(255, 107, 74)）、HSL（例：hsl(11, 100%, 64%)）の 3 形式を相互変換します。どれか 1 つを入力すれば、3 つすべての結果が得られます。

ティントパレット機能とは何ですか？

ティントパレットは、選んだ色を明度別に 5 段階（暗〜明）で表示します。スウォッチをクリックするとすべての入力値がそのトーンに切り替わり、そのコードもコピーできます。