色コード一覧・RGB調整ツール

色コード一覧・RGB調整ツール

色コード一覧とRGBスライダーを備えた無料ツールです。 色名リストから近い色を選び、RGBスライダーで色を調整できます。 選んだ色と調整後の色を比較しながら、HEXカラーコードとRGB値を確認できます。

色コードとは

色コードとは、ホームページや画像制作などで色を指定するためのコードです。 よく使われる形式には、#ff0000 のようなHEXカラーコードや、 rgb(255, 0, 0) のようなRGB指定があります。

このツールの使い方

• 基本カラーを選び、近い色を探します。
• 色見本の「クリックして選択」を押します。
• 選んだ色は「選択した色」に表示されます。
• 赤・緑・青のスライダーを動かすと「調整後の色」だけが変わります。
• 調整後のHEXカラーコードとRGB値を確認できます。
• コピーボタンを押すと、色コードをコピーできます。

色コードはスマホやパソコンでも使えます

色コードは、スマホやパソコンなど、さまざまな端末のホームページ制作で利用できます。 ただし、同じ色コードでも画面の種類や明るさ設定によって、実際の見え方が少し異なる場合があります。

色名リストから選んでRGBで調整できます

アクア、ターコイズ、コーラル、サーモン、ラベンダー、ゴールド、ネイビーなど、よく使われる色名から近い色を選べます。 選択した元の色を残したまま、RGBスライダーで調整後の色を作れます。