色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c71e19
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f1c6c5 | eebbba | ebb0ae | e8a5a3 | e59997 |
e38e8c | e08380 | dd7875 | da6c69 | d7615e |
d55652 | d24b47 | cf3f3b | cc3430 | c92924 |
bd1c17 | b31b16 | a91915 | 9f1814 | 951612 |
8b1511 | 811310 | 77120f | 6d100d | 630f0c |
590d0b | 4f0c0a | 450a08 | 3b0907 | 310706 |
似ている色
firebrick b22222 |
indianred cd5c5c |
rosybrown bc8f8f |
e9967a |
f08080 |
salmon fa8072 |
ffa07a |
coral ff7f50 |
tomato ff6347 |
orangered ff4500 |
red ff0000 |
crimson dc143c |
c71585 |
deeppink ff1493 |
hotpink ff69b4 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorc71e19{ color : #c71e19; }
CSSの利用例
<span class="colorc71e19"> This color is #c71e19. </span>
HTML上にstyleで直接書く
<span style="color:#c71e19"> この色は #c71e19. </span>
CSSの適用
この色は #c71e19.
RGB(3原色)の値
R : 199
G : 30
B : 25