こんな感じの色かなぁ。雰囲気でよければ簡単に覚えられますよ。目次16進数カラーコードって?簡単に覚える方法(雰囲気)力試しまとめ16進数カラーコードって?PhotoshopやIllustrator使ってWebデザインしたり、コーディングする際のホバーした時の色指定に必ず出てくるのが16進数カラーコード。「0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f」を使って6桁の数字で色を指定していきます。#000000は黒色。#ffffffは白色。最近はcssでもrgb(rgba)使ったりもするので、16進数ばかりではありませんけどね。ブラウザのアドオンだったり、アプリケーションで実際に色を見ながら選択できたりするので、カラーコードが全然わからなくても問題ない。いえば問題ありません。デザインする上で、「こんな感じの色かな」という感覚的なものは持っておいて損はないと思いますよ。簡単に覚える方法(雰囲気)僕が雰囲気で「こんなか感じの色かな」程度わかる。言いましたが、それにはちょっとしたコツがあります。このコツを覚えられれば、誰でも雰囲気でカラーコードがわかります。16進数のカラーコード、6桁のうち、最初の2桁は赤系。次の2桁は緑系、最後の2桁は青系です。(RGBの順)そして0に近づくほど黒くなって、Fに近づくほど白くなることを頭に入れておきます。赤は「#FF0000」、緑は「#00FF00」、青は「#0000FF」というところを見ると、なんとなく法則がわかりますよね。Fに近いほどその色が強くなり、0に近いほどその色が弱くなります。このFと0が近づくとどうなるか。「#994433」を見てみます。一応赤系が強いですよね。緑、青系ともそんなに離れていません。なると、暗い感じの色になっていきます。これがどんどん近づいていって、全てが同じ値になると「#666666」グレーになりますよね。次に、1つじゃなくて2つの系統の数字が突出した場合どうなるのか。赤系と緑系が強いと黄色になる赤系と青系が強いとピンクになる青系と緑系が強いと水色になるとおぼえて下さい。値が近づいていくと、だんだんと暗い感じになっていきます。最初はピンとこないかもしれませんが、この6つの法則を覚えておけば、だいたい雰囲気でカラーコードがわかるようになります。「あ、水色のちょっと暗めな感じかな」程度。それでも充分だと思います。力試しそれでは、カラーコード当てに自身があるあなたも、まったくないあなたも、力試ししてみましょう。自信がない方は、先程のコツを頭に入れてやってみてください。Hex?5択問題です。あなたはどれくらい当てることができましたか?が、はっきりと違う色だなとわかるものはいいんですが、似たような色が並んでて、迷う問題が結構多いような気がします...例えばこれ。答えはすぐ下に貼ってあります。↑の答えは...まとめこういうのはほんとゲーム感覚で、毎日続けることで感覚が養われてくると思います。電車待ってるときだったり、電車の中だったり、昼休みの残り5分とか、テレビ見てる時のCM中だったり。そんな隙間時間に1問でもやってみるのがいいかと思います。ここで感覚が養われすぎると、街中すべての色が16進数で見える日が来るかもしれませんね。:16進数カラーコード返信するメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。