色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#8caa65
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e2e9d8 | dce5d0 | d6e1c9 | d1ddc1 | cbd8b9 |
c5d4b2 | bfd0aa | bacca2 | b4c79a | aec393 |
a8bf8b | a3bb83 | 9db67c | 97b274 | 91ae6c |
85a15f | 7e995a | 779055 | 708850 | 697f4b |
627746 | 5b6e41 | 54663c | 4d5d37 | 465532 |
3f4c2d | 384428 | 313b23 | 2a331e | 232a19 |
似ている色
darkkhaki bdb76b |
eee8aa |
cornsilk fff8dc |
beige f5f5dc |
ffffe0 |
fafad2 |
fffacd |
wheat f5deb3 |
burlywood deb887 |
tan d2b48c |
khaki f0e68c |
yellow ffff00 |
gold ffd700 |
pink ffc0cb |
f4a460 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color8caa65{ color : #8caa65; }
CSSの利用例
<span class="color8caa65"> This color is #8caa65. </span>
HTML上にstyleで直接書く
<span style="color:#8caa65"> この色は #8caa65. </span>
CSSの適用
この色は #8caa65.
RGB(3原色)の値
R : 140
G : 170
B : 101