写真をクリックしてその周辺のカラーコードを表示
いいね！
4
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
dbdfe3 | d4d8dd | ccd2d8 | c5ccd2 | bec5cd |
b7bfc7 | b0b9c1 | a9b2bc | a2acb6 | 9aa6b1 |
939fab | 8c99a6 | 8593a0 | 7e8c9b | 778695 |
6a7988 | 647381 | 5f6c7a | 596673 | 54606c |
4e5964 | 48535d | 434c56 | 3d464f | 384048 |
323940 | 2c3339 | 272c32 | 21262b | 1c2024 |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
5カラーコードを写真からワンクリックで取得する一覧
CSS作成
.slategray{
color : #708090;
}
または
.slategray {
color : slategray;
}
CSSの利用例
<span class="slategray"> This color is slategray. </span>
HTML上にstyleで直接書く
<span style="color:slategray"> この色は slategray. </span>
CSSの適用
この色は slategray.
RGB（３原色）の値
Language list