twitter ■お問い合わせ当サイトへのリンクサイト仕様

現在位置 > LostTechnology > WebDesign > さまざまな色一覧

さまざまな色一覧

デザインを決める際に利用しやすいように色の一覧を表にまとめてみました。Web用のRGBとHSL、印刷用のCMYKの値を表示しています。CMYKが元の色であるものは、RGB変換時の小数点以下を四捨五入で処理するため、結果には多少の誤差が出ていることを了承した上で利用してください。

  • ファイルサイズ節減のためにJavaScriptで生成しているので、JavaScriptが有効でないと一覧は表示されません。
  • RGBよりも色空間が狭いCMYKは、RGBの色を完全には再現ができないため、あくまでも参考程度の数値となります。

時間が取れた時にほかの色も追加していく予定。

パステルカラー

パステルに使われているような淡い色彩で表される中間色がパステルカラーです。12系統で各25段階で用意してみました。普段からよく見かける色であるため、周りを見渡せば配色の参考になるものが見つかるかもしれません。

ビビッドカラー

ビビッドカラーはパステルカラーと同様にHSL色空間で彩度(Saturation)が100%で表現される彩度が最も高い色です。パステルカラーとは輝度が異なります。強調したい部分に使うのがよいでしょう。

Web Safe Color

あらゆる環境で制作者の意図した色で表示できるように、インターネット黎明期に定められた216色です。特に理由がないのであれば、この中の色を使うようにするのがよいでしょう。RGBを3種とHSL、それから紙媒体でこれらの色を使う場合のためにCMYKの値も参考用に用意しました。

HTMLカラーネーム

インターネット黎明期に使われていた色名です。イメージした色の名前で指定できるのがメリットだといえます。ただ、対応していないブラウザでは異なる色となることから、使用を避ける人が多かった指定方法でしたが今となっては昔の話。標準準拠のブラウザであれば使っても問題ないでしょう。