18 種類のオレンジの色合い (+ HEXコード)
明るいオレンジから深いオレンジまで、すべてのオレンジの色合いを探索しましょう！HEXコード、色名、オレンジのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
オレンジは最も身体的な色です。食欲、警告、スポーツ、安っぽい楽しさ、上質な革——明度と彩度しだいでどれにもなります。
明るいオレンジにはほぼ黒の文字を。三段階暗くすれば、白文字が乗るブランドカラーとして使えます。
- early dawn#fff8eb
- papaya whip#ffefd2
- peach#ffe7ba
- cream brulee#ffdea1
- grandis#ffd689
- goldenrod#ffcd70
- golden tainoi#ffc558
- yellow orange#ffbc40
- my sin#ffb327
- sun#ffab0f
- orange peel#f59f00
- tangerine#dd9000
- pirate gold#c48000
- chelsea gem#946000
- cinnamon#7b5000
- nutmeg wood finish#634000
- cola#4a3000
- nero#1a1100
オレンジ: HEX & RGB コード
オレンジ の主なカラーコードは以下のとおりです:
HEX: #fff8eb
RGB: (255, 248, 235).
インタラクティブなカラーピッカーを使って、さまざまな オレンジ の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
オレンジのティントを探索する
Early Dawn
#fff8eb
Early Dawn
#fff8eb
Bridal Heath
#fff9f0
Bridal Heath
#fffaf0
Quarter Pearl Lusta
#fffcf5
Bridal Heath
#fffbf5
Bridal Heath
#fffbf5
Romance
#fffdfa
Black White
#fffefa
White
#ffffff
オレンジのシェードを探索する
Clinker
#342509
Punga
#4c3915
Dallas
#654d25
Yellow Metal
#81683b
Barley Corn
#9b8255
Mongoose
#b49c74
Sorrell Brown
#ccb894
Stark White
#e5d7bd
オレンジのHEX・RGB・HSL・CMYK
| HEX | #FFA500 | |
|---|---|---|
| RGB | rgb(255, 165, 0) | |
| HSL | hsl(39, 100%, 50%) | |
| CMYK | cmyk(0%, 35%, 100%, 0%) |
オレンジの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#ffb327
#ffc14e
#ffcf75
#ffdc9c
#ffeac4
#fff8eb
暗い方向
#d88c00
#b17300
#8a5a00
#634000
#3b2700
#140d00
オレンジと相性のよい色
補色
#FFA500 #0059ff
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#ff2600 #FFA500 #d9ff00
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#FFA500 #00ffa6 #a600ff
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
オレンジの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
オレンジのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。