さまざまな色の指定方法 | 長期有給インターン生の日常|株式会社ガーディアン | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー

みなさん、こんにちは！ 京都事業所受託プロダクトチームインターン生の肖かえいです😆 

すっかり肌寒くなってもう秋！ってかんじですね。

秋といえば紅葉！赤、黄色と木々が一面に染められている姿はうつくしいですよね～

リアルの世界ではこのように色はもっぱら言葉によって表現しますがデジタルの世界ではそうではありません。

ではデジタルの世界ではどのような方法で色を表しているのでしょうか？

基本的にはテレビやパソコンに映る色は「赤、緑、青」が組み合わさって表現されています。

つまりこの３つの色ですべての色が表されているんです。

しかしそれぞれどれぐらい使われているのか？表す方法はいろいろあります。

１．１６進数

ハッシュ「#」のあとに６桁の英数字で表現しているカラーコードです。

＃００００００

それぞれ２桁ずつ１６進数で各色を表しています。

２．rgb値

こちらは

rgb(00,00,00)

という形式で各色の数値を指定します。

先ほどと異なり１６進数ではなく１０進数で、色の範囲は０～２５６となっています。

３．HSL値

こちらは先ほど違い色相(H)・彩度(S)・明るさ(L)という３つの要素を使って色を指定します。

color:hsl(150,80%,50%);

といった形式で表現します

このようにデジタル上では様々な色の指定方法があります。

色の世界は奥が深いですね！

---------------------------------------------------------------------------------------------

インターン募集ページ: https://guardian.jpn.com/recruit/intern/

メンバー紹介ページ：https://guardian.jpn.com/member/Xiao_Kaei/

---------------------------------------------------------------------------------------------