アジュールの基本情報
アジュール（#007FFF）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑127・青255（各255段階）。主な用途：ウェブ, ブランディング, 夏。
純粋な青とシアンの間にある、明るく鮮やかな青です。晴れた日の澄んだ空を思わせます。名前はラピスラズリを指すペルシャ語に由来し、海辺のリゾートやテック系のブランドで人気です。
別名：アジュールブルー, 紺碧
服・ネイル・髪色・部屋・車・スマホケースで、アジュールがどう見えるかをチェック。
明るさ
合わせる色
アジュールのHEXコードは#007FFFです。RGBではrgb(0, 127, 255)、HSLではhsl(210, 100%, 50%)、CMYKでは100, 50, 0, 0となります。
アジュール（#007FFF）は、寒色系・中くらいの明るさ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤0・緑127・青255（各255段階）。主な用途：ウェブ, ブランディング, 夏。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--azure: #007FFF;
--azure-rgb: 0, 127, 255;
}
.bg { background-color: var(--azure); }
.text { color: var(--azure); }
アジュールのHEXコードは#007FFFです。RGBではrgb(0, 127, 255)、HSLではhsl(210, 100%, 50%)、CMYKでは100, 50, 0, 0となります。
色相環で反対側にある補色は#FF8000で、オレンジに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は3.8:1しかありませんが、黒とは5.5:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る