写真をクリックしてその周辺のカラーコードを表示
いいね!
2
この画像のカラーコードが見たい場所をクリックしてください
![#f5f4f9](webcolor/colorPic/00003.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
fcfcfd | fcfbfd | fbfbfc | fbfafc | fafafc |
faf9fc | f9f8fb | f9f8fb | f8f7fb | f8f7fa |
f7f6fa | f7f6fa | f6f5f9 | f6f5f9 | f5f4f9 |
e8e7ec | dcdbe0 | d0cfd3 | c4c3c7 | b7b7ba |
abaaae | 9f9ea1 | 939295 | 868688 | 7a7a7c |
6e6d70 | 626163 | 555557 | 49494a | 3d3d3e |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorf5f4f9{ color : #f5f4f9; }
CSSの利用例
<span class="colorf5f4f9"> This color is #f5f4f9. </span>
HTML上にstyleで直接書く
<span style="color:#f5f4f9"> この色は #f5f4f9. </span>
CSSの適用
この色は #f5f4f9.
RGB(3原色)の値
Language list