---
title: "状態トークン"
description: "ステートレイヤーと無効の不透明度。"
url: "https://tanrei.chnotchy.com/ja/tokens/state/"
last_updated: 2026-10-23T17:33:05.000Z
---

# 状態トークン

> ステートレイヤーと無効の不透明度。

`tanrei.sys.state` 以下にある不透明度です。各見本は、サーフェスの上とプライマリの塗りの上にレイヤーを重ねて示しています。使い方の指針は、[インタラクション状態](https://tanrei.chnotchy.com/ja/foundations/states/)を参照してください。

| トークン | 値 | 見本 |
| --- | --- | --- |
| `--tanrei-sys-state-disabled-container-opacity` | 0.12 (12%) |  |
| `--tanrei-sys-state-disabled-content-opacity` | 0.38 (38%) |  |
| `--tanrei-sys-state-dragged-state-layer-opacity` | 0.16 (16%) |  |
| `--tanrei-sys-state-focus-state-layer-opacity` | 0.1 (10%) |  |
| `--tanrei-sys-state-hover-state-layer-opacity` | 0.08 (8%) |  |
| `--tanrei-sys-state-pressed-state-layer-opacity` | 0.1 (10%) |  |
| `--tanrei-sys-state-selected-state-layer-opacity` | 0.16 (16%) |  |

生成元 `design/tokens/tanrei.light.tokens.json`, `tokens/sys/state.tokens.json`