カラーピッカーへ移動

カラーコード #00a15e:鮮やかな エメラルド

#00a15e はRGBで rgb(0, 161, 94)、OKLCHで oklch(62.319% 0.1519 155.736) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

155°
100%

62.3%
0.152
156°
  • エメラルド
  • 中間
  • 鮮やか
  • 寒色系
  • ≈ 翡翠色
  • emerald-600
  • 黒 37%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
3.35:1読みにくい
Lc -66
黒い文字
6.26:1読みやすい · AA
Lc 44

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

カラーハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#00a15e について

#00a15e は鮮やかな エメラルドです。OKLCHでは明度 62.3%、クロマ 0.152、色相 156° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 3.35:1、黒い文字が 6.26:1 なので、白の文字のほうが読みやすくなります。

最も近い名前のある色は翡翠色(#00a86b)です。Tailwind CSSで最も近い色は emerald-600 です。

ほかのエメラルド系の色(中間)

明るく:#00a15e に白を混ぜる

  1. 00a15e
  2. 39ab6e
  3. 56b47d
  4. 6ebe8d
  5. 85c79d
  6. 9ad1ad
  7. aedabd
  8. c3e3cd
  9. d7edde
  10. ebf6ee

暗く:#00a15e に黒を混ぜる

  1. 00a15e
  2. 008b51
  3. 007644
  4. 006237
  5. 004e2b
  6. 003c1f
  7. 002a14
  8. 00190a
  9. 000903
  10. 000100

落ち着かせる:#00a15e の彩度を下げる

  1. 00a15e
  2. 2a9f63
  3. 3d9c67
  4. 4b9a6b
  5. 569870
  6. 609574
  7. 699278
  8. 71907c
  9. 798d7f
  10. 808a83

#00a15e についてのよくある質問

#00a15e は何色ですか?

#00a15e は鮮やかな エメラルドです。最も近い名前のある色は鮮やかな エメラルドです。RGBでは rgb(0, 161, 94)、HSLでは hsl(155.03, 100%, 31.57%)、OKLCHでは oklch(62.319% 0.1519 155.736) です。

#00a15e に合う色は?

#00a15e の補色は #be5faa です。落ち着いた組み合わせにするなら、類似色の #719614 と #009f92 を使いましょう。トライアドの組み合わせは #6f7ce1 と #d25f41 です。

#00a15e の上では白と黒のどちらの文字が読みやすいですか?

#00a15e の上では白の文字のほうが読みやすくなります。白はコントラスト比 3.35:1、黒は 6.26:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#00a15e は暖色と寒色のどちらですか?

#00a15e は寒色系の色です。OKLCHでは色相 156度、明度 62.3%、クロマ 0.152 です。