画像カラーピッカー

素晴らしい配色が何もないところから発明されることはめったにありません——現実世界から借りてくるものです：夕日の写真の暖かいオレンジのグラデーション、ポスターのクラッシュカラー、よく作られた製品のインターフェースパレット。良いスキームを見つけたら、スクリーンショットを撮ってドロップすれば、パレットがその色構造を即座に分解します。

dominant カラーを手に入れたら、HSL がそれらを拡張するのに最も便利な形式です：色相と彩度をロックし、明度を上げてホバー状態に、下げてアクティブ状態に。または明度を固定して色相をずらし、マッチするセカンダリカラーを作ります。HEX を闇雲に微調整するよりはるかにコントロールしやすいです。

フロントエンド開発者は値を CSS 変数や Tailwind 設定に直接貼れます。ブランド資料から公式のブランドカラーをサンプリングするときは、スポイトでいくつかの場所をクリックして確認してください——印刷スキャンはわずかな色ずれを持つことが多く、最もクリーンなピクセルはベタ塗り領域の中心にあります。