赤は#FF0000、緑は#00FF00、青は#0000FFそれぞれの原色の部分が最大であとは最小です。上記の囲った部分をテキストエディタで見てみましょう。#0000ff;”>青は#0000FF</span>下線の部分が同じになっていますよね。カラーコードに大文字・小文字の区別はありません。枠、ライン、背景など、その部分を指定して、color:の後ろの6桁のコード部分を変えれば自分の好きな色に変えられまるよ。その好きな色のカラーコードは色見本サイトで調べます。色見本(カラーコード)のサイトを紹介どこで調べてもカラーコードは同じなので、見やすいサイトでいいんですが、配色パターンが一緒に載っていると使いやすいです。まとまらないんですよ。パターンを参考にした方がしっくりときます。お気に入りのサイトをブックマークしておくといいね。色見本のサイトって、ただ、コードが載っているだけじゃなくて面白いんだよー。ビビッド・パステル・モノトーン・メトロとタブごとに分かれています。地下鉄、国鉄色もあるんですよ。色検索もあり、『赤』って入力すると、たくさんの赤系が並びます。イメージと色目で絞れます。選んだ色をキーカラーとして配色パターン一覧がでます。カラー成分測定「色とりどり」画像の色をデータ分析するツールです。画像から、その色のコードを調べられます。このアイコンを入れてみました。結果がこちらです↓マンガ配色検索は、お気に入りの漫画を検索するだけ。イズミル王子が好きで子供の時から読んでます。色の設定方法が掲載されていて参考になります。ペイントからコードを調べられるよ画像編集にペイント使ってますか?私、ペイント好き。手軽で使いやすいよね。色編集に赤・緑・青の数値があります。気にしたことある?これをカラーコードの変換ツールに入れると16進法のコードがわかります。ググるとたくさん出てくるけど、1つ紹介しますね。RGBと16進数カラーコードの相互変換ツール出典元:peko-stepこのサイトは画像の透過でもお世話になっています。アイキャッチ画像|登録不要・無料(フリー)写真・イラストサイト紹介グラデーションの見本サイトを紹介グラデーションって奇麗ですよね。CSSはちょっと難しい。線、円タイプなのか、位置、カラーの配分を指定しないといけないから。サイトで色の調整をしてCSSを丸ごとコピーできます。uigradientsセットになったパターンがあります。こんなところを変えてみました↓grabientこのサイトはグラデーションのカスタマイズがしやすいです。下にある丸い色を動かして配分を変えることができます。最後に|ブログの色彩について以前、色を変えたくて仕方がなかったんです。装飾しまくりました(*^-^*)できるようになったことが嬉しかったから。それで、自分は満足なんだけど、読んでいる側はきっと、見づらかったと思います。こんなレインボーね一回どこかで使ってみたかった(笑)色や装飾って読みやすく、伝えやすくするためです。たくさんの色を使い、装飾をやり過ぎると逆効果です。本当に強調したいところだけ強調しましょう。抑え気味がいいですよ。スマホでどこででも小さな画面で見れる時代です。いろんな年代がいます。自分にも言い聞かせてます。サイトがすごく参考になります。居心地がよくなる配色。デフォルトの配色が好きです。青や橙が万人受けするって書かれています。僕の毛色はどう?オセロ犬みたいって言われてるよ。夫・娘(姑)と二世帯住宅にて同居中。ブログ歴16年・ワードプレス歴8年・同居嫁歴16年。