18 種類のコーラルの色合い (+ HEXコード)
明るいコーラルから深いコーラルまで、すべてのコーラルの色合いを探索しましょう！HEXコード、色名、コーラルのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
コーラルは赤のやさしい側で、ピンクがかったオレンジ。日ざしを含み、強すぎる印象になりません。海のブランドやウェルネス系のアプリ、夏に向けたものによく合います。
明るすぎて白い文字は読みにくいので、濃い茶色か濃紺を文字色にしてください。
- white#ffffff
- fair pink#ffece6
- watusi#ffdacd
- romantic#ffc7b3
- wax flower#ffb59a
- hit pink#ffa281
- salmon#ff9068
- coral#ff7d4e
- burning orange#ff6b35
- orange#ff581c
- vermilion#ff4603
- trinidad#e83e00
- grenadier#cf3700
- fire#b63100
- cedar wood finish#842300
- indian tan#511600
- brown pod#380f00
- nero#1f0800
コーラル: HEX & RGB コード
コーラル の主なカラーコードは以下のとおりです:
HEX: #ffffff
RGB: (255, 255, 255).
インタラクティブなカラーピッカーを使って、さまざまな コーラル の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
コーラルのティントを探索する
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
コーラルのシェードを探索する
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
コーラルのHEX・RGB・HSL・CMYK
| HEX | #FF7F50 | |
|---|---|---|
| RGB | rgb(255, 127, 80) | |
| HSL | hsl(16, 100%, 66%) | |
| CMYK | cmyk(0%, 50%, 69%, 0%) |
コーラルの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#ff936b
#ffa585
#ffb89e
#ffcbb8
#ffddd1
#fff0eb
暗い方向
#ff591d
#e73e00
#b33000
#7e2200
#491300
#140500
コーラルと相性のよい色
補色
#FF7F50 #52d1ff
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#ff527a #FF7F50 #ffd752
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#FF7F50 #52ff80 #8052ff
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
コーラルの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
コーラルのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。