スプリンググリーン

春の新芽のような、青みを帯びた非常に明るい緑です。エネルギッシュで目を引くため、ウェブのボタンやスポーツ用品のアクセントに向いています。少量でも存在感があります。

別名：春緑, 若葉色

エディタで開く

スプリンググリーンを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、スプリンググリーンがどう見えるかをチェック。

明るさ

合わせる色

スプリンググリーンのHEXコードは#00FF7Fです。RGBではrgb(0, 255, 127)、HSLではhsl(150, 100%, 50%)、CMYKでは100, 0, 50, 0となります。

スプリンググリーンに近い色とカラーコード

ミントグリーン#98FF98 パステルグリーン#77DD77 ライトグリーン#90EE90 ケリーグリーン#4CBB17 エメラルドグリーン#50C878 ネオングリーン#39FF14

スプリンググリーンの基本情報

スプリンググリーン（#00FF7F）は、中間色系・中くらいの明るさ・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤0・緑255・青127（各255段階）。主な用途：ウェブ, グラフィックデザイン, スポーツ。

スプリンググリーンの色見本と明るい色から暗い色までのグラデーション · #00FF7F — スプリンググリーン · #00FF7F

スプリンググリーンの濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

この色の濃淡を見る: カラースケール生成ツール

スプリンググリーンの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：ディープピンク

類似色近い色：ネオングリーン, シアン

トライアド近い色：バイオレット, オレンジ

スプリット・コンプリメンタリー近い色：マゼンタ, 赤

テトラード近い色：青, ディープピンク, 黄色

スプリンググリーンを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · スプリンググリーン

類似色パレット · スプリンググリーン

補色パレット · スプリンググリーン

トライアドパレット · スプリンググリーン

ニュートラルカラー入りパレット · スプリンググリーン

アクセントカラー入りパレット · スプリンググリーン

スプリンググリーンと文字色のコントラスト

白い文字コントラスト比 1.3:1 · 非推奨

黒い文字コントラスト比 15.6:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --spring-green: #00FF7F;
  --spring-green-rgb: 0, 255, 127;
}
.bg { background-color: var(--spring-green); }
.text { color: var(--spring-green); }

スプリンググリーンに近い色

草色シャルトリューズ翡翠色フォレストグリーン

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る 誕生色の相性診断ふたりの誕生日で相性と相性カラーがわかる 手帳シールメーカー好きな配色で手帳のインデックスや日付シールを作る

無料診断・ツールをすべて見る →

よくある質問

スプリンググリーンのカラーコードは？

スプリンググリーンのHEXコードは#00FF7Fです。RGBではrgb(0, 255, 127)、HSLではhsl(150, 100%, 50%)、CMYKでは100, 0, 50, 0となります。

スプリンググリーンの補色は何色ですか？

色相環で反対側にある補色は#FF0080で、ディープピンクに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

スプリンググリーンの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は1.3:1しかありませんが、黒とは15.6:1になります。

緑系の色をすべて見る →