色サンプル

写真の上のカーソルがの場合はクリックすると拡大します。

ルーブル美術館を題材にした前記事で建物の建設年を色分けで表現いたしました。その時の21種類の色サンプルの中の17番()の色サンプルの表示方法を枠内に記載いたしました。中の｢?｣の数値を変えることでいろんな色やサイズを表現することが出来ます。枠内は画面のハードコピーですが、コピーして使ってもらえるように、下のコメント欄に記載いたしました。
　色　　background-color: rgb(???,???,???)
　寸法　font-size:???%
　高さ　height: ?.?em
　幅　　width: ?.?em


色を表現するrgb(???,???,???)の3つの数値は3原色の割合のようです。下記に要素を変えたサンプルを表示いたしました。
　　background-color(色)　font-size　height　　width
　01 rgb(239,176,20)　　80%　　1.0em　　1.0em
　02 rgb(89,145,134)　　80%　　1.0em　　1.0em
　03 rgb(140,165,61)　　80%　　1.0em　　1.0em
　04 rgb(181,98,98)　　　80%　　1.0em　　1.0em
　05 rgb(178,116,116)　　80%　　1.0em　　1.0em
　06 rgb(155,75,123)　　80%　　1.0em　　1.0em
　07 rgb(146,163,75)　　80%　　1.0em　　1.0em
　08 rgb(249,203,13)　　80%　　1.0em　　1.0em
　09 rgb(191,179,92)　　80%　　1.0em　　1.0em
　10 rgb(195,176,145)　　80%　　1.0em　　1.0em
　11 rgb(234,167,87)　　80%　　1.0em　　1.0em
　12 rgb(86,142,191)　　80%　　1.0em　　1.0em
　13 rgb(133,104,175)　　80%　　1.0em　　1.0em
　14 rgb(195,176,145)　　80%　　1.0em　　1.0em
　15 rgb(186,96,173)　　80%　　1.0em　　1.0em
　16 rgb(59,103,147)　　80%　　1.0em　　1.0em
　17 rgb(211,89,89)　　　80%　　1.0em　　1.0em
　18 rgb(242,203,42)　　80%　　1.0em　　1.0em
　19 rgb(106,137,102)　　80%　　1.0em　　1.0em
　20 rgb(204,119,34)　　80%　　1.0em　　1.0em
　21 rgb(60,100,165)　　80%　　1.0em　　1.0em
　22 rgb(100,100,100)　　80%　　1.0em　　1.0em
　23 rgb(255,0,0)　　　　80%　　1.0em　　1.0em
　24 rgb(0,255,0)　　　　80%　　1.0em　　1.0em
　25 rgb(0,0,255)　　　　80%　　1.0em　　1.0em
　26 rgb(255,255,0)　　　80%　　1.0em　　1.0em
　27 rgb(255,0,255)　　　80%　　1.0em　　1.0em
　28 rgb(0,255,255)　　　80%　　1.0em　　1.0em

色サンプルの大きさも数値を変えて試してみました。ちなみに冒頭の真赤な横棒も同じ方法で書きました。
　17 rgb(211,89,89)　　80%　　1.0em　　1.0em
　17 rgb(211,89,89)　　100%　　1.0em　　1.0em
　17 rgb(211,89,89)　　80%　　1.5em　　1.5em
　17 rgb(211,89,89)　　100%　　1.5em　　1.5em
　17 rgb(211,89,89)　　200%　　1.5em　　1.5em
　17 rgb(211,89,89)　　300%　　1.5em　　1.5em
　17 rgb(211,89,89)　　300%　　1.0em　　1.5em
　17 rgb(211,89,89)　　300%　　0.5em　　1.5em

---

上の裏ワザを使って書いた前記事･ルーブル美術館の｢古代エジプトとオリエントのエリア｣の内容の一部を下に転記いたしました。
　NO　　　建築年　　　　　フランス統治者
　　1 1546～1549年 フランソワ1世、アンリ2世
　　2 1559～1574年 フランソワ2世、シャルル4世、アンリ3世
　　3 1564～1570年 カトリーヌ・ド・メディシス
　　4 1566～1566年 カトリーヌ・ド・メディシス
　　5 1570～1572年 カトリーヌ・ド・メディシス
　　6 1595～1610年 アンリ4世
　　7 1595～1610年 アンリ4世
　　8 1595～1610年 アンリ4世
　　9 1624～1654年 ルイ13世、ルイ14世
　10 1653～1655年 ルイ14世
　11 1659～1662年 ルイ14世
　12 1659～1664年 ルイ14世
　13 1661～1664年 ルイ14世
　14 1664～1666年 ルイ14世
　15 1664～1666年 ルイ14世
　16 1667～1670年 ルイ14世
　17 1806～1811年 ナポレオン1世
　18 1816～1824年 ルイ18世
　19 1852～1857年 ナポレオン3世
　20 1861～1870年 ナポレオン3世
　21 1874～1880年 フランス第三共和政府


ルーブル美術館の航空写真も紹介します。上の図と比べて見てください。

タグ：色 裏ワザ

コメント 7

コピーして使ってもらえるように、コメント欄に記載いたしました。

<span class="legend-color" style="font-size: 300%; border-top: black 1px solid; height: 0.5em; border-right: black 1px solid; width: 1.5em; border-bottom: black 1px solid; color: black; text-align: center; border-left: black 1px solid; margin: 1px 0px; display: inline-block; background-color: rgb(211,89,89); border-image: none"></span>
by SORI (2016-08-12 08:44) 

色サンプルとRGBの値、助かる人沢山いるでしょうね～^^
by Rinko (2016-08-12 12:14) 

Rinkoさん　こんにちは
一度使った色はRGBの数値を残しておくと便利そうです。
by SORI (2016-08-12 12:24) 

お早うございます、智恩寺にコメントを有難うございました。

凄い裏技・・・、少し勉強しないと
分からないです。

by tarou (2016-08-13 05:20) 

tarouさん　おはようございます。
本記事は自分のためでもあります。一番上のコメントを、そのままコピーして記事の中に入れてもらえれば使い方が判って来ると思います。
by SORI (2016-08-13 07:44) 

すごいの一言しかありません！！参考になります。
by プリスキラ (2016-08-13 22:50) 

プリスキラさん　おはようございます。
このような形でまとめておくと次に使いやすいと思い記事として掲載いたしました。裏ワザに関しては下書きのままにしておく記事も多いのですが、皆さんにも知ってもらいたくて公開いたしました。
by SORI (2016-08-14 06:13)