~/tools/color-picker

カラーピッカー

好きな色を選んで HEX / RGB / HSL の値を表示し、調和の取れたパレットを生成。オフラインでも動作。

これは何? 詳細を隠す

カラーピッカーとは?

色の選択、サンプリング、保存をブラウザ内で完結。HEX、RGB、HSLを並べて出力。保存したスウォッチはlocalStorageに残り、アップロードはありません。ピッカーをクリックして任意の値をクリップボードにコピーしたり、デザインやコード用の小さなパレットを構築できます。オフライン動作。

color-picker.js
#
HEX #22d3ee
RGB rgb(34, 211, 238)
HSL hsl(187, 82%, 53%)