配色事例 | パステルカラービビットカラーアースカラー || いま稼げるWebスキル・職種を知ろう!


重みがある緑

この色の色彩情報配色の超入門書
色相:
彩度:5/10
低い|■■■■■□□□□□|高い
明度:3/10
暗い|■■■□□□□□□□|明るい
 

カラーコード
RGB | R34 G71 B42
HTML COLOR(HEX) | #22472A
近似値:#204020  #242(#224422)
HSV | H133 S52 V28
CMYK(参考値) | C90 M70 Y100 K20


    

↓の色の中で「自然」と感じる色は?:イメージカラー調査

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

集計結果を見る

#22472Aの色彩

この色は、色相が133°の緑、彩度が52%、明度が28%で構築される重みがある緑色です。RGB値は各色を0~255の範囲で指定した場合、REDが“34”・GREENが“71”・BLUEが“42”。Web制作などで使用されるHEX値(16進数のWEBカラー・HTMLカラーコード)は#22472Aです。3桁に簡略化した#242でもほぼ同じ色が表現できます。主にカラー印刷に使用されるCMYK値はシアン“C90%”・マゼンタ“M70%”・イエロー“Y100%”・ブラック“K20%”がおよその色になります。CMYKの色数値は目安なので正確な色が必要な場合にはAdobeのフォトショップなどの画像編集ソフトを使って拾い出してください。画面の色とプリンタで印刷する色は多少の差異があります。

色で迷っているあなたへ

自分で考えているだけでは良い配色が浮かびません。配色のコツは、色の法則を取り入れたり、いまある優れたものや流行っているものから色を真似てしまうことです。色の法則はこのページから、色を真似るなら日常でよく目に入る広告や人気になっている商品を見て回りましょう。全く違うジャンルのものから色を取り入れるとハイブリッドな配色表現ができます。

色探しにご利用ください。言葉を色に置き換えします。

#22472Aのカラーボックス

色相の色展開


彩度の色展開


明度の色展開


補色・反対色


類似色


色の成分(RGB)