配色事例 |
パステルカラー
|
ビビットカラー
|
アースカラー
||
いま稼げるWebスキル・職種を知ろう!
重みを帯びた青
この色の色彩情報 |
配色の超入門書
- 色相:
- 青
- 彩度:9/10
- 低い|■■■■■■■■■□|高い
- 明度:2/10
- 暗い|■■□□□□□□□□|明るい
カラーコード
RGB | R10 G3 B43
HTML COLOR(HEX) | #0A032B
近似値:#000020 #002(#000022)
HSV | H251 S93 V17
CMYK(参考値) | C100 M100 Y70 K60
↓の色の中で「女性」と感じる色は?:イメージカラー調査
→ 集計結果を見る
#0A032Bの色彩
この色は、色相が251°の青、彩度が93%、明度が17%で構築される重みを帯びた青色です。RGB値は各色を0~255の範囲で指定した場合、REDが“10”・GREENが“3”・BLUEが“43”。Web制作などで使用されるHEX値(16進数のWEBカラー・HTMLカラーコード)は#0A032Bです。3桁に簡略化した#002でもほぼ同じ色が表現できます。主にカラー印刷に使用されるCMYK値はシアン“C100%”・マゼンタ“M100%”・イエロー“Y70%”・ブラック“K60%”がおよその色になります。CMYKの色数値は目安なので正確な色が必要な場合にはAdobeのフォトショップなどの画像編集ソフトを使って拾い出してください。画面の色とプリンタで印刷する色は多少の差異があります。
色で迷っているあなたへ
自分で考えているだけでは良い配色が浮かびません。配色のコツは、色の法則を取り入れたり、いまある優れたものや流行っているものから色を真似てしまうことです。色の法則はこのページから、色を真似るなら日常でよく目に入る広告や人気になっている商品を見て回りましょう。全く違うジャンルのものから色を取り入れるとハイブリッドな配色表現ができます。
色探しにご利用ください。言葉を色に置き換えします。
#0A032Bのカラーボックス
明度の色展開
補色・反対色
類似色
色の成分(RGB)
重みを帯びた青色の作り方
絵の具などで色を作るときの目安になる混色表です。光の色をもとに色材の色を擬似的に作成しています。モニターで見る色と塗る色では色の混色の仕組みが異なるので参考としてご利用ください。
重みを帯びた青色
■■■■
青:3赤:3黄:2黒:2重みを帯びた青色の作り方:数値が混ぜ合わせる色の比率になります。隣のバーが色材の分量の目安です。薄い色は白を加えるか色を薄めて混色すると欲しい色になります。色の三原色の青赤黄と白黒の混色で理論上は作りたい色ができます。中ほどに表示している■■■■の色を混ぜることでもこの色が作れます。また、色鉛筆でも錯覚効果で混ぜた後の色が作れます。
類似の色とその色名
重みを帯びた青色を使った配色展開
ここから、色彩検定などの色の資格や各種カラー講座ででてくる色の法則を利用した配色を紹介していきます。
選んだ色をキーカラーとした配色を展開していくので、色の組み合わせに悩んだときには色決定のヒントになってくれます。ベースとなるキーカラーと組み合わせる色で、化粧のようにイメージは変化します。専門知識がなくても表示される配色パターンを採用するだけで容易に色彩設計ができるので色々な色を巡り、よい配色パターンを見つけてください。
提案している色は、本などで紹介されているビビットな色合いだけでなくグラフィックソフトで表示できる全ての色からコーディネートした配色です。それぞれの色にはモニター表示に使われるRGB値とWebデザインに使われるhex値を載せています。HSV値やCMYK値、色の系統を知りたい場合にはその色をクリックしてくことで調べられます。
色のバランスを取ることが苦手でも法則や技法を使った色と色の位置関係を覚えていくことで色彩感覚を養っていけます。良いと感じるもの、目に止まるものは配色のルールに沿った作りになっています。見比べていきましょう。
重みを帯びた青色(#0A032B)をベースにした色の三属性
明度(Value)による配色
色相と彩度は有彩色にしかない色の性質ですが、明度は有彩色と白・灰色・黒の無彩色を含むすべての色にある色の性質です。無彩色に近い色の#0A032Bでは明度の変化による配色が効果的になります。
配色技法をつかって作る理想的な配色
色の選び方は数多くありますが基本的な色の法則を知っていれば応用が利きます。以下に紹介するの8つの配色技法は、#0A032Bをベースカラーとした色使いの考え方と方向性を示す色を表示しています。ベースカラーを軸に配色の特徴と効果に沿って色を決めていくことで失敗のない配色になります。
▼ベースカラーとアソートカラー
ベースカラーは表現するイメージの中で最も大きい面積を占める色です。
2番目に広い面積の色がベースカラーを引き立てる色がアソートカラー(サブカラー)になります。
▼アクセントカラー・ワンポイントカラー
基調となる色と明度・色相の差が大きい対照的な色を少量加えると、配色全体にメリハリが生まれ全体を引き立ててくれます。
色の面積に大小をつけることで小さい面積の色がアクセント(ワンポイントカラー)になり全体を引き締めることが出来ます。
▼セパレーションカラー
低彩度色や無彩色を色と色の間に挟んで調和させる技法。ハレーションが生じたり、隣接した為ぼやけた色を引き締めます。
▼コントラスト配色
反対色でつくる配色で、くっきりとしメリハリがあり力強い印象になります。
色相のコントラスト、彩度のコントラスト、明度のコントラストがあります。
▼グラデーション配色
3色以上の多色を色相・彩度・明度を一定の法則に従って段階的に変化させる配色デザイン。
リズム感が生まれ立体感や遠近感などの視覚効果を得られます。
▼レピテーション配色
数種の色を1グループとして繰り返すことで秩序を持たせる配色デザイン。バラバラな色でも繰り返すことによってリズムのあるまとまりが生まれます。
▼トーンオントーン配色
同系色の濃淡や明暗を変化させた配色デザイン。ドミトナントカラー配色・カマイユ配色も同類の配色です。
▼トーンイントーン配色
近似した同一色相内の色でまとめた配色デザイン。ドミトナントトーン配色・トーナル配色・フォカマイユ配色も同類の配色です。
R10 G3 B43 | #0A032B | H251 S93 V17 の近似色
このページのキーカラー#0A032Bの色の成分(RGB)
|
|
|
|
|
|
Red : #0A0000 |
Green : #000300 |
Blue : #00002B |
|
キーカラーのHTML色数値#0A032Bをベースにしたカラーチャートから相性の良い色を探せます。
左の2桁で赤、真ん中の2桁で緑、右の2桁で青の色をコントロールできます。
Fに近いほどその色が強調され明るくなり、0に近いほどその色は弱くなり暗い色となります。
赤・緑・青の各色が混ざることで色は明るくなっていきます。
#0A032B(重みを帯びた青色)の色見本と配色事例、合う色 | 色探 求人
重みを帯びた青色を使ってデザインしよう
このページは、グラフィックデザイナーからWEBデザイナー、エンジニア、フリーランス、カラーセラピスト、ネイリスト、メイクアップ、ファッション、カラーコーディネーター、占い師、アート、ビジネスなど、色を使う仕事で役立つ配色の見本帳。#0A032Bからの配色を作る色彩情報ページです。
このページのURL:https://ironodata.info/rgb.php?color=0A032B
配色の見本帳|キーカラーで選ぶ配色パターン|※RGBとHSVの数値、色の変化には多少の誤差があるのでご了承下さい。
※配色の見本帳は無料のサイトデザイン、インターネットツールです。口コミや拡散歓迎です。
マンガ配色検索 | 画像のカラーコードを抽出 | カラーイメージ見本帳 | 今すぐ電話占い | カラーコード一覧 | ご依頼・お問い合わせ
色探 求人 Copyright (C)2012-2024 https://ironodata.info