#2596BE
カラーピッカー - RGB(37, 150, 190)
この色のさまざまな情報を探索し、色相と明度を調整し、調和のとれた色の組み合わせを発見してください。
Color Picker
色情報
カラー値
バリエーション
この色のティント（純色に白を加えたもの）とシェード（純色に黒を加えたもの）を10%刻みで表示。
ティント
シェード
カラーハーモニー
視覚的に美しいデザインを作成するための調和のとれた配色の組み合わせ。
補色
カラーホイールの反対側にある2つの色。この配色は高コントラストで印象的な組み合わせを提供します。
分裂補色
基本色とその補色に隣接する2つの色を使用。この配色は補色配色と同じ強いビジュアルコントラストを持ちます。
トライアド
カラーホイール上で等間隔に配置された3つの色を使用。トライアド配色は、淡い色や彩度の低い色を使っても非常に鮮やかになる傾向があります。
類似色
カラーホイール上で隣接する色を使用。通常よく調和し、穏やかで快適なデザインを作成します。
モノクロマティック
単一色の明度と彩度の変化を使用。これらの配色は正しく仕上げるのが簡単です。
テトラード
コントラストチェッカー
Loading inspiration...
高度なカラーピッカー機能
Professional tools for precise color creation and analysis
HSLカラーコントロール
プロフェッショナルレベルのHSL（色相、彩度、明度）コントロールにより、色選択の精密制御が可能です。洗練された色彩設計の作成や、正確な要件に合わせた色調整に最適です。
カラーハーモニージェネレーター
補色、類似色、三色配色、分離補色配色、単色配色、四色配色を自動生成します。視覚的に美しくバランスの取れた色の組み合わせを作成するための色彩理論の原則に基づいています。
ティントとシェード
自動生成されるティント（色+白）とシェード（色+黒）で、選択した色のさまざまなバリエーションを探索できます。デザインに深度とヒエラルキーを作成するために不可欠です。
WCAGコントラストチェッカー
前景色と背景色間のリアルタイムコントラスト比計算。色選択がテキストの可読性とユーザーエクスペリエンスのためのWCAG AAおよびAAAアクセシビリティ標準を満たすことを保証します。
スクリーンカラーピッカー
高度なEyeDropper APIを使用してスクリーンのどこからでも色を選択できます。他のアプリケーション、ウェブサイト、デザインツールから色をカラーピッカーに直接マッチングするのに最適です。
ワンクリックコピー
あらゆる形式で色の値を即座にクリップボードにコピーできます。デザインソフトウェア、コードエディター、ドキュメントに色を素早く転送して、ワークフローを効率化します。