HEX、RGB、HSL、HWB、OKLCH、LCH間で色を相互変換。任意の背景色・前景色に対するWCAG 2.2コントラストチェッカー付き。
| フォーマット | 値 |
|---|
sRGBは標準のガンマカーブを使って線形化した後、Björn Ottosson氏の行列によりOKLabへ変換し、さらに極座標変換でOKLCHへ変換します。HSL/HWBはCSS Color Module 4の標準式を使用しています。
WCAG 2.2のコントラスト比: ratio = (L1 + 0.05) / (L2 + 0.05)。相対輝度は、sRGB→線形変換後の加重和(0.2126R + 0.7152G + 0.0722B)から算出します。通常テキストの基準はAA = 4.5、AAA = 7、大きな文字(18pt/太字14pt)ではそれぞれ3と4.5です。
Pixels to cm / Inches Converter (Print DPI)
Convert pixel dimensions to physical print size at any DPI/PPI, with bleed and safe-zone helpers.
Typography Scale Generator (Modular Type Scale)
Generate a modular type scale in rem, px and em from any base size and ratio, with line-height pairs.
Aspect Ratio Resizer (Image, Video, Social)
Resize any dimensions while keeping aspect ratio, with presets for Instagram, TikTok, YouTube and cinema formats.
Font Size Converter (pt, px, rem, em, %)
Convert font sizes between pt, px, rem, em and % for web and print typography.
