とても優れた
HEX カラーピッカー
HEX を調整し、HWB、HSL、HSV、RGB、OKLCH の値をひとつの作業画面で比較できます。
とても優れた
HEX を調整し、HWB、HSL、HSV、RGB、OKLCH の値をひとつの作業画面で比較できます。
HEXカラーピッカー
HEXカラーコードを入力すると、RGB・HSL・HSV・HWB・OKLCHの対応値が即座に表示されます。スライダーを動かすと6つの表現が全てリアルタイムで同期更新。HEXコードとURLハッシュが連動するので、数秒でどんな色でもブックマークや共有が可能です。
#3b82f6のようなHEXカラーを入力すると、RGB値が即座に更新されます。HEXファインダーは3桁の短縮コードも受け付けます。
色を調整するたびにURLハッシュが自動更新されるため、このHEXコードファインダーは共有可能なブックマークになります。チームメンバーにリンクを送れば同じ色が表示されます。
HEX・RGB・HSL・HSV・HWB・OKLCHが全て連動更新。モデルを切り替えても色は失われません——デザイントークンやCSS変数に最適です。
カラーコードファインダー
このカラーコードファインダーは、Webデザイン・アプリ開発・デジタル印刷で使用される全ての標準に対応しています。HEXはCSSとHTMLのデフォルト。RGBはスクリーンのネイティブ形式。HSLはデザイナーにとって人間が読みやすい形式。OKLCHはCSS Color Level 4の次世代知覚的形式。4つ全てが同時に利用可能——ワークフローに合ったものをコピーしてください。
HTMLカラーピッカー
インラインスタイルの記述、デザイントークンの定義、CSS変数ライブラリのメンテナンスなど、どんな用途でも、このHTMLカラーピッカーが必要な正確なコードを提供します。色相・彩度・輝度を視覚的に調整し、HEXカラーコードやCSS rgb()値を直接スタイルシートにコピーできます。
RGBカラーピッカー
3つの独立したR・G・Bスライダーでチャンネルごとに色を混合。RGBピッカーはドラッグ中に小数値とHEXコードをリアルタイムで表示します。
既知のHEXコードを貼り付けてRGB分解を即座に確認、またはRGBピッカースライダーでカスタムシェードのHEXコードを見つける。別途コンバーターは不要。
sRGBとDisplay-P3の色域を切り替えて、選択した色が広色域スクリーンで再現可能かを確認。両方のスウォッチが並んで更新されます。
よくある質問