37 種類のブライト 青の色合い (+ HEXコード)

明るいブライト 青から深いブライト 青まで、すべてのブライト 青の色合いを探索しましょう!HEXコード、色名、ブライト 青のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。

鮮やかな青は、エネルギー、活気、無限の可能性の色です! 電気的な青から深く大胆な色合いまで、あらゆるデザインに新鮮でダイナミックな印象を与える30以上の鮮やかな青のコレクションを探索しましょう。

柔らかなスカイブルーから鮮やかで目を引くトーンまで、お好みに合わせたさまざまな色合いとその名前、HEXコードが見つかります。さらに、魅力的な鮮やかな青のカラーパレットをプロジェクトに活用しましょう!

  • electric blue
    #7DF9FF
  • fluorescent blue
    #15F4EE
  • sky blue
    #87CEEB
  • maya blue
    #73C2FB
  • glacial blue
    #73C2FB
  • celestial blue
    #4997D0
  • deep sky blue
    #00BFFF
  • blue bolt
    #00B9FB
  • capri blue
    #00B2EE
  • ball blue
    #21ACCD
  • pacific blue
    #1CA9C9
  • dodger blue
    #1E90FF
  • brilliant blue
    #0095FF
  • bright azure
    #0086FF
  • azure radiance
    #007FFF
  • cyber blue
    #007FFF
  • vivid blue
    #0080FF
  • true blue
    #0073CF
  • brandeis blue
    #0071FE
  • neon blue
    #1F51FF
  • sapphire blue
    #0F52BA
  • denim blue
    #1560BD
  • blue lagoon
    #1269D3
  • lapis blue
    #1C39BB
  • bleu de france
    #318CE7
  • blue yonder
    #5072A7
  • ultra blue
    #3F00FF
  • electric ultramarine
    #3F00A8
  • dark cornflower blue
    #26428B
  • royal azure
    #0038A8
  • ua blue
    #0033A9
  • cobalt blue
    #0047AB
  • indigo dye
    #00416A
  • deep cobalt
    #002FA7
  • egyptian blue
    #1034A6
  • zaffre
    #0014A7
  • smalt
    #003399

ブライト 青: HEX & RGB コード

ブライト 青 の主なカラーコードは以下のとおりです:

  • HEX: #0000FF

  • RGB: (0, 0, 255).

インタラクティブなカラーピッカーを使って、さまざまな ブライト 青 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます!

ブライト 青のティントを探索する

  • Blue

    #0000ff

  • Blue

    #1a1aff

  • Blue

    #3333ff

  • Dodger Blue

    #4d4dff

  • Cornflower Blue

    #6666ff

  • Malibu

    #8080ff

  • Melrose

    #9999ff

  • Melrose

    #b3b3ff

  • Periwinkle

    #ccccff

  • Titan White

    #e5e5ff

ブライト 青のシェードを探索する

  • Stratos

    #000033

  • Stratos

    #00004d

  • Navy Blue

    #000066

  • Navy Blue

    #000080

  • Navy Blue

    #000099

  • Dark Blue

    #0000b3

  • Dark Blue

    #0000cc

  • Blue

    #0000e6

ブライト 青のHEX・RGB・HSL・CMYK

HEX#0000FF
RGBrgb(0, 0, 255)
HSLhsl(240, 100%, 50%)
CMYKcmyk(100%, 100%, 0%, 0%)

ブライト 青の明るい色と暗い色

白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。

明るい方向

  • #2727ff

  • #4e4eff

  • #7575ff

  • #9c9cff

  • #c4c4ff

  • #ebebff

暗い方向

  • #0000d8

  • #0000b1

  • #00008a

  • #000063

  • #00003b

  • #000014

ブライト 青と相性のよい色

補色

#0000FF #ffff00

色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。

類似色

#007fff #0000FF #7f00ff

色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。

トライアド

#0000FF #ff0000 #00ff00

等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。

ブライト 青の上の文字

プライマリテキストの例
ブライト 青の上の白い文字8.59:1AAA
プライマリテキストの例
ブライト 青の上のほぼ黒い文字2.06:1不合格

WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます: コントラストチェッカー

ブライト 青のシェードチャート

ブライト 青の明るい色から暗い色まで五段階を並べたシェードチャート

右クリックでチャートを保存できます。個別のコードは上からコピーしてください。

似た色合いを使ったカラーパレット

ブライト 青の色合いを使ったカラーパレット