#F6AD3C(強烈な橙色)の色見本とHTMLカラーコード、配色事例

配色カード

強烈な橙

この色の色彩情報：

色相：: 橙
彩度：8/10: 低い｜■■■■■■■■□□｜高い
明度：10/10: 暗い｜■■■■■■■■■■｜明るい

カラーコード
RGB | R246 G173 B60
HTML COLOR(HEX) | #F6AD3C
近似値：#F0A030 #FA3(#FFAA33)
HSV | H36 S76 V96
CMYK（参考値） | C0 M40 Y80 K0

↓の色の中で「田舎」と感じる色は？：イメージカラー調査

→ 集計結果を見る

#F6AD3Cの色彩

この色は、色相が36°の橙、彩度が76%、明度が96%で構築される強烈な橙色です。RGB値は各色を0～255の範囲で指定した場合、REDが“246”・GREENが“173”・BLUEが“60”。Web制作などで使用されるHEX値(16進数のWEBカラー・HTMLカラーコード)は#F6AD3Cです。3桁に簡略化した#FA3でもほぼ同じ色が表現できます。主にカラー印刷に使用されるCMYK値はシアン“C0%”・マゼンタ“M40%”・イエロー“Y80%”・ブラック“K0%”がおよその色になります。CMYKの色数値は目安なので正確な色が必要な場合にはフォトショップなどの画像編集ソフトを使って拾い出してください。画面の色とプリンタで印刷する色は多少の差異があります。

色で迷っているあなたへ

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

#F6AD3Cのカラーボックス

色相の色展開

彩度の色展開

明度の色展開

補色・反対色

類似色

色の成分(RGB)

強烈な橙色を使った配色展開

ここから結構なボリュームになりますが、色彩検定などの色の資格や各種カラー講座ででてくる色の法則を利用した配色を見ていけます。

選んだ色をキーカラーとした配色を表示していますので、キーカラーとした色との色の組み合わせに悩んだときには色決定のヒントになってくれます。ベースとなるキーカラーと組み合わせる色で、化粧のようにイメージは変化します。専門知識がなくても表示される配色パターンを採用するだけで容易に色彩設計ができるので色々な色を巡り、よい配色パターンを見つけてください。

このサイトで提案している色は、本などで紹介されているビビットな色合いだけでなくグラフィックソフトで表示できる全ての色から配色をコーディネートしています。配色展開している色にはモニター表示に使われるRGB値とWebデザインに使われるhex値を載せています。HSV値やCMYK値、色の系統を知りたい場合にはその色をクリックしてくことで探せます。

色のバランスを取ることが苦手でも色と色の位置関係を覚えていくことで色彩感覚を養っていけます。

強烈な橙色（#F6AD3C）をベースにした色の三属性

#F6AD3Cを色相・明度・彩度のいずれかに軸をおいて変化させた色は「強烈な橙色」とバランスのとれる色になります。色相環の角度に沿った配色はにぎやかさを、明度・彩度は統一感を作るのに便利です。三属性のどれかに軸をおいた配色は色がまとまります。

色相(Hue)による配色

彩度(Saturation)による配色

明度(Value)による配色

強烈な橙色（#F6AD3C）を軸とした色相環の角度による配色

強烈な橙（#F6AD3C）をキーカラーとし同一色相環の中から2色から6色を組み合わせた配色です。色相環のどの位置の色を組み合わせるかによって色のイメージが作られます。色相の位置関係による色の選択は膨大な数の中から色を選ぶヒントになってくれます。強烈な橙色を基準とした10種類の色相環配色を紹介します。

▼アイデンティティ（Identity）

同じ色相内での配色デザイン。色差がないため控えめなイメージを作ることができます。

▼アナロジー（Analogy）

色相環で隣り合った色で作る配色デザイン。やわらかい印象になります。

▼インターミディエート（Intermediate）

色相環を四等分したうちの2つの色を使った配色デザイン。コントラストのバランスがよく安定感がある色彩です。

▼コンプリメンタリー（Complementary）・ダイアード（Dyad）

補色の関係にある色の組み合わせ配色デザイン。力強さが生まれます。

▼オポーネント（Opornent）

色相環を三等分したうちの2つの色を使った配色デザイン。2色で収まりがいい配色になります。

▼スプリットコンプリメンタリー（Split Complementary）

補色の両隣りの色を使った3色の配色デザイン。補色の関係よりも調和が取れます。

▼トライアド（Triad）

色相環を三等分した位置にある3色での配色デザイン。バランスの取れた配色の組み合わせです。

▼テトラード（Tetrad）

色相環を四等分した位置にある色もしくは2組の補色での配色デザイン。2組の補色同士の色なのでカラフルな色合いになります。

▼ペンタード（Pentad）

色相環を5つに分けた色もしくはトライアドに白と黒を加えた5色の配色デザイン。5色の色の組み合わせ。

▼ヘクサード（Hexad）

色相環を正六角形分けた6色もしくはテトラードに白と黒を加えた6色の配色デザイン。

配色技法をつかって作る理想的な配色

色の選び方は数多くありますが基本的な色の法則を知っていれば応用が利きます。以下に紹介するの8つの配色技法は、#F6AD3Cをベースカラーとした色使いの考え方と方向性を示す色を表示しています。ベースカラーを軸に配色の特徴と効果に沿って色を決めていくことで失敗のない配色になります。

▼ベースカラーとアソートカラー

ベースカラーは表現するイメージの中で最も大きい面積を占める色です。
2番目に広い面積の色がベースカラーを引き立てる色がアソートカラー（サブカラー）になります。

▼アクセントカラー・ワンポイントカラー

基調となる色と明度・色相の差が大きい対照的な色を少量加えると、配色全体にメリハリが生まれ全体を引き立ててくれます。
色の面積に大小をつけることで小さい面積の色がアクセント（ワンポイントカラー）になり全体を引き締めることが出来ます。

▼セパレーションカラー

低彩度色や無彩色を色と色の間に挟んで調和させる技法。ハレーションが生じたり、隣接した為ぼやけた色を引き締めます。

▼コントラスト配色

反対色でつくる配色で、くっきりとしメリハリがあり力強い印象になります。
色相のコントラスト、彩度のコントラスト、明度のコントラストがあります。

▼グラデーション配色

3色以上の多色を色相・彩度・明度を一定の法則に従って段階的に変化させる配色デザイン。
リズム感が生まれ立体感や遠近感などの視覚効果を得られます。

▼レピテーション配色

数種の色を1グループとして繰り返すことで秩序を持たせる配色デザイン。バラバラな色でも繰り返すことによってリズムのあるまとまりが生まれます。

▼トーンオントーン配色

同系色の濃淡や明暗を変化させた配色デザイン。ドミトナントカラー配色・カマイユ配色も同類の配色です。

▼トーンイントーン配色

近似した同一色相内の色でまとめた配色デザイン。ドミトナントトーン配色・トーナル配色・フォカマイユ配色も同類の配色です。

R246 G173 B60 | #F6AD3C | H36 S76 V96 を基準とした色相

R246 G173 B60 | #F6AD3C | H36 S76 V96 の近似色

このページのキーカラー#F6AD3Cの色の成分（RGB）

キーカラーのHTML色数値#F6AD3Cをベースにしたカラーチャートから相性の良い色を探せます。
左の2桁で赤、真ん中の2桁で緑、右の2桁で青の色をコントロールできます。
Fに近いほどその色が強調され明るくなり、0に近いほどその色は弱くなり暗い色となります。
赤・緑・青の各色が混ざることで色は明るくなっていきます。

#F6AD3C(強烈な橙色)の色見本とHTMLカラーコード、配色事例 | 色探求人

強烈な橙色を使ってデザインしよう

このページは、グラフィックデザイナーからWEBデザイナー、エンジニア、カラーセラピスト、ネイリスト、メイクアップ、ファッション、カラーコーディネーター、占い師など色を使う職業で役立つ配色の見本帳。#F6AD3Cからの配色を作る色彩情報ページです。



Red : #F60000	Green : #00AD00	Blue : #00003C

広告