色相
彩度
明度
補色・反対色
類似色
色の成分(RGB)
#001133の色彩情報・カラー分析
この色は、色相が220°の青、彩度が100%、明度が20%で構築される重みを帯びた青色です。RGB値は各色を0～255の範囲で指定した場合、REDが“0”・GREENが“17”・BLUEが“51”。Web制作などで使用されるHEX値(16進数のWEBカラーコード)は#001133です。3桁に簡略化した#013でもほぼ同じ色が表現できます。主にカラー印刷に使用されるCMYK値はシアン“C60%”・マゼンタ“M30%”・イエロー“Y0%”・ブラック“K90%”がおよその色になります。CMYKの色数値は目安なので正確な色が必要な場合にはフォトショップなどの画像編集ソフトを使って拾い出してください。画面の色とプリンタで印刷する色は多少の差異があります。WEBカラー(HEX)はWeb制作・ホームページ制作の際にHTMLやCSSの背景色や文字色を設定する数値です。
色占いにも！写真やイラストや漫画の色を調べる無料インターネットツール。
色の名前をつぶやきます：
重みを帯びた青色を使った配色展開
重みを帯びた青色とバランスが取れる理想のカラーリング
色彩検定などの資格やカラー講座ででてくる配色技法を使ったおすすめな配色に出会えます。選んだ色をキーカラーとした配色を見ていくことができるので合わせる色に悩んだときには強い味方になってくれます。ベースとなるキーカラーと組み合わせる色で、顔に施す化粧のようにイメージは変化します。本などで紹介されているビビットな色合いだけでなくグラフィックソフトで表示できる全ての色から配色をコーディネートします。専門知識がなくても表示される配色パターンを採用するだけで容易に色彩設計ができます。配色展開している色にはモニター表示に使われるRGB値とWebデザインに使われるhex値を載せています。HSV値やCMYK値、色の系統を知りたい場合にはその色をクリックしてください。
色のバランスを取ることが苦手でも色と色の位置関係を覚えていくことで色彩感覚を養っていけます。
重みを帯びた青色（#001133）をベースにした色の三属性の移り変わり
#001133を色の三属性である色相・明度・彩度のいずれかに軸をおいて変化させた色はキーカラーとした#001133とバランスのとれたいい仕事をしてくれる色になります。色相環の角度に沿った配色はにぎやかさを、明度・彩度は統一感を作るのに便利です。三属性のどれかに軸をおいてある配色はデザインがまとまります。
色相(Hue)による配色
彩度(Saturation)による配色
明度(Value)による配色
重みを帯びた青色（#001133）を軸とした色相環配色
重みを帯びた青（#001133）をキーカラーとし同一色相環の中から2色から6色を組み合わせた配色です。色相環のどの位置の色を組み合わせるかによって色のイメージが作られます。色相の位置関係による色の選択は膨大な数の中から色を選ぶヒントになってくれます。
色相環の角度による配色
▼アイデンティティ（Identity）
同じ色相内での配色デザイン。色差がないため控えめなイメージを作ることができます。
▼アナロジー（Analogy）
色相環で隣り合った色で作る配色デザイン。やわらかい印象になります。
▼インターミディエート（Intermediate）
色相環を四等分したうちの2つの色を使った配色デザイン。コントラストのバランスがよく安定感がある色彩です。
▼コンプリメンタリー（Complementary） ・ダイアード（Dyad）
補色の関係にある色の組み合わせ配色デザイン。力強さが生まれます。
▼オポーネント（Opornent）
色相環を三等分したうちの2つの色を使った配色デザイン。2色で収まりがいい配色になります。
▼スプリットコンプリメンタリー（Split Complementary）
補色の両隣りの色を使った3色の配色デザイン。補色の関係よりも調和が取れます。
▼トライアド（Triad）
色相環を三等分した位置にある3色での配色デザイン。バランスの取れた配色の組み合わせです。
▼テトラード（Tetrad）
色相環を四等分した位置にある色もしくは2組の補色での配色デザイン。2組の補色同士の色なのでカラフルな色合いになります。
▼ペンタード（Pentad）
色相環を5つに分けた色もしくはトライアドに白と黒を加えた5色の配色デザイン。
▼ヘクサード（Hexad）
色相環を正六角形分けた6色もしくはテトラードに白と黒を加えた6色の配色デザイン。
良い配色との出会い
配色技法
色の選び方は数多くありますが基本的な色の法則を知っていれば応用が利きます。以下に紹介するの8つの配色技法は、#001133をベースカラーとした色使いの考え方と方向性を示す色を表示しています。ベースカラーを軸に配色の特徴と効果に沿って色を決めていくことで失敗のない配色になります。
▼ベースカラーとアソートカラー
ベースカラーは表現するイメージの中で最も大きい面積を占める色です。
2番目に広い面積の色がベースカラーを引き立てる色がアソートカラー（サブカラー）になります。
▼アクセントカラー・ワンポイントカラー
基調となる色と明度・色相の差が大きい対照的な色を少量加えると、配色全体にメリハリが生まれ全体を引き立ててくれます。
色の面積に大小をつけることで小さい面積の色がアクセント（ワンポイントカラー）になり全体を引き締めることが出来ます。
▼セパレーションカラー
低彩度色や無彩色を色と色の間に挟んで調和させる技法。ハレーションが生じたり、隣接した為ぼやけた色を引き締めます。
▼コントラスト配色
反対色でつくる配色で、くっきりとしメリハリがあり力強い印象になります。
色相のコントラスト、彩度のコントラスト、明度のコントラストがあります。
▼グラデーション配色
3色以上の多色を色相・彩度・明度を一定の法則に従って段階的に変化させる配色デザイン。
リズム感が生まれ立体感や遠近感などの視覚効果を得られます。
▼レピテーション配色
数種の色を1グループとして繰り返すことで秩序を持たせる配色デザイン。バラバラな色でも繰り返すことによってリズムのあるまとまりが生まれます。
▼トーンオントーン配色
同系色の濃淡や明暗を変化させた配色デザイン。ドミトナントカラー配色・カマイユ配色も同類の配色です。
▼トーンイントーン配色
近似した同一色相内の色でまとめた配色デザイン。ドミトナントトーン配色・トーナル配色・フォカマイユ配色も同類の配色です。
R0 G17 B51 | #001133 | H220 S100 V20 を基準とした色相
R0 G17 B51 | #001133 | H220 S100 V20 の近似色
このページのキーカラー#001133の色の成分（RGB）
| |
|
| |
|
|
|
| Red : #000000 |
Green : #001100 |
Blue : #000033 |
|
キーカラーのwebカラー数値#001133をベースにしたカラーチャートから相性の良い色を探せます。
左の2桁で赤、真ん中の2桁で緑、右の2桁で青の色をコントロールできます。
Fに近いほどその色が強調され明るくなり、0に近いほどその色は弱くなり暗い色となります。
赤・緑・青の各色が混ざることで色は明るくなっていきます。
#001133(重みを帯びた青色)の色見本と配色事例 | 相性の良い色との出会いをマッチング！無料サンプル配色
重みを帯びた青色を使ったデザインワーク
グラフィックデザイナーからWEBデザイナー、エンジニア、カラーセラピスト、ネイリスト、メイクアップ、コーディネーター、占い師など色を使う職業で役立つ配色の見本帳。#001133からの配色を作る色彩情報ページです。
このページのURL：http://ironodata.info/rgb.php?color=001133
配色の見本帳｜キーカラーで選ぶ配色パターン｜※RGBとHSVの数値、色の変化には多少の誤差があるのでご了承下さい。
※内部リンクのバナーにマンガ素材辞典βのキャラクターに看板娘をしてもらっています。
※配色の見本帳は無料のインターネットツールです。
マンガ配色検索 | 画像のカラーコードを抽出 | カラーイメージ見本帳 | 電話占い | Webカラーコード索引 | ご依頼・お問い合わせ
Copyright (C)2012-2018 https://ironodata.info
