カラーピッカー

色の選択とHEX/RGB/HSLコード変換

Sample Text (White)
Sample Text (Black)
#3B82F6
白背景 1.0 FAIL
黒背景 1.0 FAIL

カラーハーモニー

シェード & ティント

このツールについて

【ツールの概要】 カラーピッカーツールは、色を視覚的に調整しながら、HEX・RGB・HSLなどの標準カラーコードを相互に確認・取得できるツールです。 【主な機能と特徴】 ・カラー選択:カラーキャンバス上で色を選ぶか、下のバーで色相を調整できます。 ・カラーコード表示:選択した色のコード値(HEX, RGB, HSL)が同時に表示され、ワンクリックでコピーできます。 ・配色の組み合わせ:補色や類似色などの配色のバリエーションを自動で表示します。また、明度を段階的に分けたトーン変化も確認できます。 【使い方】 1. カラーキャンバス上でクリックまたはドラッグして色を選択します。 2. 右側でコード値を確認し、必要に応じてコピーします。 3. 下部に表示される配色のバリエーションを色の選択や配色の参考にできます。