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


穏やかな緑

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

カラーコード
RGB | R34 G170 B85
HTML COLOR(HEX) | #22AA55
近似値:#20A050  #2A5(#22AA55)
HSV | H143 S80 V67
CMYK(参考値) | C100 M25 Y75 K0


    

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

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

集計結果を見る

#22AA55の色彩

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

色で迷っているあなたへ

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

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

#22AA55のカラーボックス

色相の色展開


彩度の色展開


明度の色展開


補色・反対色


類似色


色の成分(RGB)