概要 画像から色を抽出
画像からローカルに色を抽出
使い方
画面の任意の場所やアップロードした画像から色を取得し、値を微調整して任意の形式でコピーできます。
パレット
10 色 色をクリックするとコピー、または新しい色に置き換えます。#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE
HEX カラーコードとは
HEX は赤・緑・青を 16 進数で表す 6 桁の値で、先頭に # を付けます。各 2 桁は 00〜FF で、約 1677 万色を表現できます。
短く正確で CSS・デザインツール・ブランドガイドで広く使われるため、受け渡しや実装に最適です。
HEX・RGB・HSL の違い
RGB は同じ 3 チャンネルを 10 進数で表し、HSL は色相・彩度・明度で色を説明します。HSL は数値を覚えなくても色を調整できます。
受け渡しと CSS には HEX、透明度が必要なら RGB、階調作成や明度調整には HSL や OKLCH が便利です。
よくある質問
#FFF と #FFFFFF は違いますか？
同じ色です。3 桁の HEX は短縮形で、各桁を繰り返すと 6 桁になります。
画像から色を取得できますか？
はい。画像をアップロードし、プレビュー上を移動またはタップすると、その位置の色を読み取れます。
取得した色は正確ですか？
表示中の画像ピクセルから取得します。大きな画像は速度のために縮小されるため、原画像で取得すると最も正確です。
このツールは無料ですか？
はい。本サイトのすべてのツールは無料で、アカウントも不要です。