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)

色を調べるツール

ColorPick Eyedropper

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

まとめ

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

当サイトに関するご意見、ご感想、制作のご依頼はお問い合わせフォームのほか、Chatworkでも受け付けております。

私たちは、クラウド型ビジネスチャットChatworkを導入しています。

国内利用者数No.1 中小企業向けビジネスチャット「Chatwork」

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

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

Contact Us

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

お問い合わせはこちら

TOP