カラーチャート

カラーパレット

四角形エリアで彩度と明度をドラッグ調整します。レインボーバーで色相を変更します。下のカラーコードはリアルタイムに更新されます。

HEX

#3B82F6

RGBA

rgba(59, 130, 246, 1.00)

HSLA

hsla(217, 91%, 60%, 1.00)

CMYK

cmyk(76%, 47%, 0%, 4%)

すべての処理はブラウザ上で行われます。ファイルがサーバーにアップロードされることはありません。

カラーテーブル（色見本）ツールは、Webデザインで使用される主要なHTMLカラー名と16進数（Hex）、RGBコードを一覧表示します。検索機能と1クリックコピーに対応しています。

このツールは、WebAssemblyおよびブラウザのCanvasを介して、お客様のデバイス上で完全に動作します。ファイルが外部サーバーに送信されることは一切なく、完全なデータセキュリティが保証されます。

カラーリストから目的の色を探すか、色名やカラーコードでフィルタリングします。

目的のカラーコード（Hex, RGBなど）をクリックしてクリップボードにコピーします。

「Tomato」や「SteelBlue」といった馴染みのあるカラー名に対応する正確な16進数コード（#FF6347など）を調べてCSSに適用します。

明度や彩度が体系的に整理されたカラーテーブルを見ながら、WebサイトやアプリのUIに合わせたメインカラー・サブカラーを選定します。

PhotoshopやFigmaなどのデザインツールにカラーコードを素早く入力するため、ブラウザ上でコードをコピーします。

はい、旧来のシステムでも一貫して表現できる216色のWebセーフカラー規格に対応した色の抽出も容易に行えます。

標準規格に準拠した英語の色名（例：red, blue, gray）のほか、16進数での直接的な絞り込み検索が可能です。

コメントを読み込み中...