カラーコード(色見本・変換・和色)

色を選ぶか入力すると、カラーコード・RGB・HSL・CMYKをまとめて表示します。

カラーコード
RGB
HSL
CMYK(めやす)
近い和色
韓紅(からくれない)
文字の見やすさ(コントラスト比)

日本の伝統色(和色)

カラーコードの使い方

  1. 左の色サムネイルをタップして色を選ぶか、カラーコード(#ff0000)やRGB(255,0,0)を入力します。
  2. カラーコード・RGB・HSL・CMYKが一度に表示されます。タップするとコピーできます。
  3. 画像から色を取りたいときは「画像から色を取る」で画像を選び、画像の上をタップします。
  4. 下の一覧から、日本の伝統色(和色)を選ぶこともできます。

カラーコードの読み方

#RRGGBBの意味

カラーコードは「#」のあとに、赤・緑・青の強さを2けたずつの16進数(00〜ff)で並べたものです。#ff0000は赤だけが最大なので真っ赤、#ffffffは白、#000000は黒になります。

RGBとCMYK

RGBは画面の光の色、CMYKは印刷のインクの色の表し方です。ここに表示するCMYKは計算で出したおおよその値で、実際の印刷では紙やインクによって色が変わります。

文字の見やすさ

「文字の見やすさ」は、背景色と文字の明るさの差(コントラスト比)です。Webのアクセシビリティの基準では、ふつうの文字で4.5:1以上が読みやすさのめやすとされています。

よくある質問

ピンクのカラーコードは?
代表的なピンクは#ffc0cb(pink)です。和色の桃色は#f09199、桜色は#fef4f4です。
カラーコードからRGBに変換したいです。
カラーコードを入力すると、RGBの値がすぐに表示されます。#e95464ならrgb(233, 84, 100)です。
画面に表示されている色を調べたいです。
ChromeやEdgeでは「画面から色を取る」ボタンで、画面上の好きな場所の色を取れます。それ以外のブラウザでは、スクリーンショットを「画像から色を取る」で読み込んでください。
和色のカラーコードは正確ですか?
伝統色には決まったカラーコードがなく、ここでは画面用によく使われている値を載せています。資料によって少し違うことがあります。

便利ツールのツール一覧・最終更新 2026年10月10日・