| #RGB | 0～F | #44F | R,G,B の16進数の表記値でカラーを表現します |
| #RGBA | 0～F | #44F | R,G,B の16進数の表記値でカラーを表現します、Aはアルファ値です |
| #RRGGBB | 00～FF | #420F3C | RR,GG,BB の16進数の表記値でカラーを表現します |
| #RRGGBBAA | 00～FF | #420F3C | RR,GG,BB の16進数の表記値でカラーを表現します、AAはアルファ値です |
| rgb(r g b) | r,g,b:0～255 | rgb(64 8 164) | r,g,b の10進数値でカラーを表現します |
| rgb(r g b / a) | r,g,b:0～255 a:0～100% or 0～1 | rgb(64 8 164 / 80%) | r,g,b の10進数値でカラーを表現します、aはアルファ値です |
| rgb(r% g% b%) | r,g,b:0～100 | rgb(25% 34% 84%)) | r,g,b の%値でカラーを表現します |
| rgb(r% g% b% / a) | r,g,b:0～100 a:0～100% or 0～1 | rgb(25% 34% 84% / 40%) | r,g,b の%値でカラーを表現します、aはアルファ値です |
| hsl(h s% l%) | h:0～360 s,l:0～100 | hsl(120 25% 92%) | hsl値でカラーを表現します |
| hsl(h s% l% / a) | h:0～360 s,l:0～100 a:0～100% or 0～1 | hsl(120 25% 92% / 0.75) | hsl値でカラーを表現します、aはアルファ値です |
| hwb(h w% b%) | h:0～360 w,b:0～100 | hwb(96 45% 52%) | hwb値でカラーを表現します |
| hwb(h w% b% / a) | h:0～360 w,b:0～100 a:0～100% or 0～1 | hwb(96 45% 52% / 0.33) | hwb値でカラーを表現します、aはアルファ値です |
| lab(L% a b) | L:0～100 a,b:-125～125 | lab(54% 40.5 60.4) | lab値でlabカラーを表現します |
| lab(L% a b / a) | L:0～100 a,b:-125～125 a:0～100% or 0～1 | lab(54% 40.5 60.4 / 75%) | lab値でlabカラーを表現します、aはアルファ値です |
| lch(L C H) | L:0～100 C:0～100 H:0～360 | lch(45% 45.5 240) | lch値でカラーを表現します |
| lch(L C H / a) | L:0～100 C:0～100 H:0～360 a:0～100% or 0～1 | lch(45% 45.5 240 / 0.25) | lch値でカラーを表現します、aはアルファ値です |
| oklab(L% a b) | L:0～100 a:-0.4～0.4 b:-0.4～0.4 | oklab(85%, 0.255, 0.112) | OKlab色空間でカラーを表現します |
| oklab(L% a b / a) | L:0～100 a:-0.4～0.4 b:-0.4～0.4 a:0～100% or 0～1 | oklab(85%, 0.255, 0.112 / 25%) | OKlab色空間でカラーを表現します、aはアルファ値です |
| oklch(L% c h) | L:0～100 c:0～0.4～(0.5), h:0～360 | oklch(24%, 0.32, 128) | OKlch色空間でカラーを表現します |
| oklch(L% c h / a) | L:0～100 c:0～0.4～(0.5), h:0～360 a:0～100% or 0～1 | oklch(24%, 0.32, 128 / 0.1) | OKlch色空間でカラーを表現します、aはアルファ値です |
| light-dark([カラー1], [カラー2]) | h:0～360 s,l:0～100 | light-dark(#F0F0F0, #303030) | ライトモードのカラーを[カラー1]に、ダークモードのカラーを[カラー2]に指定します |
| (名前の色) | | red | 詳細はこちらの記事を参照してください |
