メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
デザイン・CSS
CSSカラー関数
デザイン・CSS
無料
登録不要
CSSカラー関数
CSSカラー関数を表示する無料オンラインツール。CSSカラー関数をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。
項目
内容
rgb()
sRGB
rgba()
sRGB+Alpha
hsl()
HSL
hsla()
HSL+Alpha
hwb()
HWB
lab()
CIE L*a*b*
lch()
LCH
oklab()
OKLab
oklch()
OKLCH
color()
カラースペース指定
color-mix()
色混合
FAQ
よくある
質問
スマートフォンでも使えますか?
+
はい。CSSカラー関数はレスポンシブ対応しており、iPhone・Android・タブレット・PCなど、モダンなブラウザを搭載した端末であればどこからでも利用できます。
主要ブラウザでの互換性はどうですか?
+
対応しているブラウザは?
+
関連ツール
こちらも
おすすめ
CSS filter関数
CSS filter関数を表示する無料オンラインツール。CSS filter関数をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。
CSS数学関数ガイド
CSSの数学関数(calc/min/max/clamp等)の書き方と活用例を表示する無料オンラインツール。
CSS transform関数
CSS transform関数を表示する無料オンラインツール。CSS transform関数をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。
CSS角度単位
CSS角度単位を表示する無料オンラインツール。CSS角度単位をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。
border-radiusジェネレーター
CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。
Box Shadow生成
CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。