色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#3f705d
グラデーションカラーコード
cfdbd6 | c5d4ce | bbccc6 | b2c5be | a8beb6 |
9fb7ae | 95b0a5 | 8ba99d | 82a295 | 789a8d |
6f9385 | 658c7d | 5b8575 | 527e6d | 487765 |
3b6a58 | 386453 | 355f4f | 32594a | 2f5445 |
2c4e41 | 28483c | 254337 | 223d33 | 1f382e |
1c3229 | 192c25 | 162720 | 12211b | 0f1c17 |
おすすめカラーパターン
奥深い森の色
森の奥まで入っていくと、直接太陽の光が届かない、湿度の高い緑に覆われます。緑いっぱいの綺麗な空気に包まれたような色たちです。
少し乾燥したコケを思わせる白みがかったグリーン
コケの色を表現した代表的なグリーン
杉の葉のような、若さと深みのあるグリーン
森の奥の落ち着いた雰囲気を思わせるグリーン
森の奥を流れる小川の中にあるコケのような深みのあるグリーン
森の奥に訪れた深い夜をイメージした暗いグリーン
森に住む子鹿をイメージした明るいブラウン
森の奥に時たま見える湿った土の色
森の奥に差し込んだ光に照らされた丘に見える土の色
Dot
Checkered pattern
stripe
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #3f705d. </span>
HTML上にstyleで直接書く
<span style="color:#3f705d"> この色は #3f705d. </span>
CSSの適用
この色は #3f705d.
RGB（３原色）の値
Language list