#00FF3F

#00FF3F

#FF00C0

#FF00C0

コントラスト比

2.56:1

Delta E

204.52

Very Different

50:50 ミックス

#C6AF8C

カラー値

フォーマット #00FF3F #FF00C0
HEX #00FF3F #FF00C0
RGB 0, 255, 63 255, 0, 192
HSL 134.8, 100.0%, 50.0% 314.8, 100.0%, 50.0%
HSV 134.8, 100.0%, 100.0% 314.8, 100.0%, 100.0%
CMYK 100.0%, 0.0%, 75.3%, 0.0% 0.0%, 100.0%, 24.7%, 0.0%
OKLCH 0.8684 0.2786 144.3 0.6689 0.2862 343.5

コントラストとアクセシビリティ

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FF00C0 → 背景色: #00FF3F

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #00FF3F → 背景色: #FF00C0

色差 (Delta E)

204.52 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#00FF3F #7DE65F #A8CB77 #C6AF8C #DD8E9E #F064B0 #FF00C0

カラーミキシング

#00FF3F

100%

#95D96C

75:25

#C6AF8C

50:50

#E77BA7

25:75

#FF00C0

100%

CSSグラデーションコード

background: linear-gradient(to right, #00FF3F, #FF00C0);
background: linear-gradient(135deg, #00FF3F, #FF00C0);

各色を詳しく見る

#00FF3F

カラーの詳細をすべて見る

#FF00C0

カラーの詳細をすべて見る

関連する比較