We blog Weblog

カラーコード

Web

2022年1月5日

あけましておめでとうございます。
ケミストのWeb担当みやのです。
今年もよろしくお願いします。

「Web」記事では、これまでに得たWebに関する知識を記録として残していきたいと思います。

2022年1発目は「カラーコード」について書きます。

カラーコードとは

# 00 00 00

カラーコードとは、Webページにおける色の指定方法の1つで、RGB値を#と6桁の英数字で表したものです。

1番目と2番目が赤、3番目と4番目が緑、5番目と6番目が青の濃さを意味していて、それぞれ00~FFまでの256段階あります(16進法)

#000000が黒、#FFFFFFが白です。

アルファベットは大文字でも小文字でも可です。

6桁の英数字は、各色がゾロ目の場合は3桁に省略することができます。
#AABBCC→#ABC

Bootstrapでは

Bootstrapでは、あらかじめ色のクラスが定義してあります。※カッコ内はRGB値です。

#007bff(0, 123, 255)
#6c757d(108, 117, 125)
#28a745(40, 167, 69)
#dc3545(220, 53, 69)
#ffc107(255, 193, 7)
#17a2b8(23, 162, 184)
#f8f9fa(248, 249, 250)
#343a40(52, 58, 64)

色を調べる

<input type="color">で、色を調べることができます。

Google Chromeの拡張機能 ColorPick Eyedropperでウェブサイトにどんな色が使われているかを調べることができます。

ColorPick Eyedropper

まとめ

うちのロゴマークで使っている色は、
水色(#32bdeb)
ピンク(#ff1493)
緑(#31a8a6)
オレンジ(#f08300)です!

今年もがんばりましょう。

この記事を書いた人
みやの
Web・DTP担当

Contact Us

ご意見、ご相談、料金のお見積もりなど、お気軽にお問い合わせください。

お問い合わせはこちら

TOP