色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5c6d67
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d6dad9 | ced3d1 | c5cbc9 | bdc4c2 | b5bdba |
adb6b3 | a5aeab | 9da7a3 | 95a09c | 8c9894 |
84918d | 7c8a85 | 74827d | 6c7b76 | 64746e |
576761 | 52625c | 4e5c57 | 495752 | 45514d |
404c48 | 3b4642 | 37413d | 323b38 | 2e3633 |
29312e | 242b29 | 202624 | 1b201e | 171b19 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5c6d67{ color : #5c6d67; }
CSSの利用例
<span class="color5c6d67"> This color is #5c6d67. </span>
HTML上にstyleで直接書く
<span style="color:#5c6d67"> この色は #5c6d67. </span>
CSSの適用
この色は #5c6d67.
RGB(3原色)の値
R : 92
G : 109
B : 103