#ACFF05

#ACFF05

グリーンイエロー系

カラーコード変換

形式
HEX#ACFF05
RGBrgb(172, 255, 5)
RGBArgba(172, 255, 5, 1)
HSLhsl(80, 100%, 51%)
HSVhsv(80, 98%, 100%)
CMYKcmyk(33%, 0%, 98%, 0%)
Aa

白背景

1.23:1不適合

Aa

黒背景

17.06:1AA適合


配色パレット提案

補色

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

#ACFF05#5805FF

類似色

色相環で隣接する色

#FFD505#EAFF05#ACFF05#6DFF05#2FFF05

トライアド

色相環で120°間隔の3色

#ACFF05#05ACFF#FF05AC

テトラード

色相環で90°間隔の4色

#ACFF05#05FFD5#5805FF#FF052F

モノクローム

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

#476B00#7AB800#ACFF05#C5FF52#DFFF9E

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

補色の両隣の色

#ACFF05#052FFF#D505FF

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

ライト → ダーク

linear-gradient(135deg, #D6FF85, #ACFF05, #588500)

補色グラデーション

linear-gradient(135deg, #ACFF05, #5805FF)

類似色グラデーション

linear-gradient(135deg, #FFD505, #ACFF05, #2FFF05)

ラジアルグロー

radial-gradient(circle, #ACFF05, #588500)

サンセット風

linear-gradient(to right, #ACFF05, #2FFF05, #5805FF)

オーバーレイ

linear-gradient(180deg, #ACFF05CC, #ACFF0533)

CSS使用例

背景色として使用

Hello, World!
background-color: #ACFF05;

テキスト色として使用

Color Text
color: #ACFF05;

ボーダー色として使用

ボーダー要素
border: 3px solid #ACFF05;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #ACFF0566;

関連するカラー