#9DFF85のRGB値は？

#9DFF85（ライトグリーン系）のRGB値は、赤(R)=157、緑(G)=255、青(B)=133です。

#9DFF85の補色は？

#9DFF85（ライトグリーン系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#9DFF85はどんな色？

#9DFF85はライトグリーン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#9DFF85のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#9DFF85

ライトグリーン系

カラーコード変換

形式	値
HEX	#9DFF85
RGB	rgb(157, 255, 133)
RGBA	rgba(157, 255, 133, 1)
HSL	hsl(108, 100%, 76%)
HSV	hsv(108, 48%, 100%)
CMYK	cmyk(38%, 0%, 48%, 0%)

白背景

1.23:1不適合

黒背景

17.08:1AA適合

配色パレット提案

補色

色相環で180°反対に位置する色

#9DFF85#E785FF

類似色

色相環で隣接する色

#DAFF85#BCFF85#9DFF85#85FF8B#85FFA9

トライアド

色相環で120°間隔の3色

#9DFF85#859DFF#FF859D

テトラード

色相環で90°間隔の4色

#9DFF85#85DAFF#E785FF#FFA985

モノクローム

同じ色相の明度バリエーション

#2FEB00#60FF38#9DFF85#DAFFD1#FFFFFF

スプリットコンプリメンタリー

補色の両隣の色

#9DFF85#A985FF#FF85DA

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #9DFF85, #37FF05)

補色グラデーション

linear-gradient(135deg, #9DFF85, #E785FF)

類似色グラデーション

linear-gradient(135deg, #DAFF85, #9DFF85, #85FFA9)

ラジアルグロー

radial-gradient(circle, #9DFF85, #37FF05)

サンセット風

linear-gradient(to right, #9DFF85, #85FFA9, #E785FF)

オーバーレイ

linear-gradient(180deg, #9DFF85CC, #9DFF8533)

CSS使用例

背景色として使用

Hello, World!

background-color: #9DFF85;

テキスト色として使用

Color Text

color: #9DFF85;

ボーダー色として使用

ボーダー要素

border: 3px solid #9DFF85;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #9DFF8566;