AllTool.io が役に立ったら、コーヒーで応援してください ☕

カラーツール

グラデーションビルダー

2色を混ぜて CSS 線形グラデーションにします。

開始色

終了色

角度 90°

CSS

background: linear-gradient(90deg, #07889E 0%, #7FB6C6 100%);

その他のカラーツール

HEX・RGB・HSL・HSLA スライダーで色を精密に調整。

ベースカラーから調和のとれたパレットを生成。

画像から抽出

画像をアップロードして主要な色を抽出。

コントラスト

WCAG 2.1 の基準でテキストと背景のコントラストを検証。

データは一切保存されません。