デザイン向けカラーツール
色相環、カラーピッカー、配色ジェネレーターで色を選び、色の値を変換できます。カラーコード一覧とカラーチャートを確認し、グラデーションを作成し、コントラストを確認できます。
色相環
インタラクティブなカラーホイールで基準色を選び、補色、類似色、トライアド、テトラード、分裂補色の配色を作成できます。
Open配色 ジェネレーター
補色、類似色、トライアド、モノクロームのカラーパレットを生成できます。
Openカラーピッカー
色を選択し、HEX、RGB、HSL、CMYK、LAB、明るい色、暗い色、配色関係を確認できます。
Open画像 色 抽出
画像をアップロードして、正確な色とパレットを抽出できます。
OpenRGB カラーコード 変換
CSS の rgb() カラーを、コピーしやすい HEX コードに変換します。
OpenHEX to RGB
HEX カラーコードを RGB 値と CSS rgb() に変換します。
Open色 混ぜる
2 つの色を割合で混ぜ、生成された HEX カラーをコピーできます。
Openカラーコード一覧
標準の CSS 名前付きカラーと HEX 値、コピー用コードを閲覧できます。
Openコントラスト 比
アクセシブルな配色のために、テキスト色と背景色のコントラストを確認できます。
OpenCSS グラデーション
CSS グラデーションを作成し、カラーストップを編集して、UI、背景、ブランドビジュアル用のコードをコピーできます。
Openカラーチャート
Flat、Material、Tailwind、Web セーフのカラーチャートを、コピーしやすいインタラクティブなスウォッチで閲覧できます。
Open色 一覧
整理された色ファミリー、シェード、ティント、UI 向けパレットを探索できます。
Openツール
パレット作成、色のミックス、グラデーション作成、UI向けの配色関係の確認ができます。
ピッカー
操作パネルやアップロード画像から色を選び、必要な値をすばやくコピーできます。
変換
CSS、デザイントークン、ドキュメント用に一般的なカラー形式を変換できます。
カラー
整理されたカラーリファレンス、チャート、ライブラリを見ながら色を選べます。
チェッカー
配色を本番で使う前に、コントラストとアクセシビリティを確認できます。