カラーピッカー

視覚的に色を選択・調整

カラーピッカー

HEX
RGB
HSL

hsl(0, 100%, 50%)

カラーピッカーとは?

カラーピッカーは視覚的に色を選択し、正確な16進数、RGB、HSL値を取得できるツールです。デザイナーや開発者に不可欠です。

使い方

  1. カラーエリアをクリックするか、セレクターをドラッグして色を選択
  2. 色相スライダーと透明度コントロールで微調整
  3. ワンクリックで16進数、RGB、またはHSL値をコピー

結果

温かいオレンジを選択:#E67E22、rgb(230, 126, 34)、hsl(28, 80%, 52%)。

関連ツール