色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#76b7f7
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
dcedfd | d5e9fc | cfe5fc | c8e2fb | c1defb |
badbfb | b3d7fa | acd3fa | a5d0f9 | 9fccf9 |
98c9f9 | 91c5f8 | 8ac1f8 | 83bef7 | 7cbaf7 |
70adea | 6aa4de | 649bd1 | 5e92c5 | 5889b9 |
5280ac | 4c76a0 | 466d94 | 406487 | 3b5b7b |
35526f | 2f4962 | 294056 | 23364a | 1d2d3d |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color76b7f7{ color : #76b7f7; }
CSSの利用例
<span class="color76b7f7"> This color is #76b7f7. </span>
HTML上にstyleで直接書く
<span style="color:#76b7f7"> この色は #76b7f7. </span>
CSSの適用
この色は #76b7f7.
RGB(3原色)の値
R : 118
G : 183
B : 247