token-values

breakpoint

13.555555px
数値形式が正しくありません

input error

13.555555px
数値形式が正しくありません

size

13.555555px
数値形式が正しくありません

font-family

color

Rec2020Fallback
Fallback#0099ecccContrast17.2

dual swatch

Rec2020Fallback

single swatch

sRGB

text-shadow

青い空
Lazy Foxy Sphinx

box-shadow

numeric

long-text

animation

background-image

Modal Samples

Modal Title–primary
Breakpoint Editor–primary
Size in Pixels16.5px
Color Editor–primary
Rec2020Fallback
Fallback#0099ecccContrast1
Line Height Editor–primary
step 2 of 4 : Scaling Base Value

result = base × ratio^n（ratio = Scale type, n = Steps)

Text Shadow Editor–primary
青い空
Lazy Foxy Sphinx
Rec2020Fallback
fallback#0099eccc
Size Editor–lg
Size in Pixels
16.5px
step 1 of 4 : Base Value
step 2 of 4 : Scaling Base Value

result = base × ratio^n（ratio = Scale type, n = Steps)

Step 3 of 4 : Rounding value to pixelsRounding to
Step 4 of 4 : Final Value Unit
Image Editor–gear
Image Editor–gear
px px
Font Family Editor–gear
Playfair DisplayExternalLoaded
青い空
Lazy Foxy Sphinx
ホスティング