🛠️ Lifetools100
← ツール一覧に戻る
#3B82F6
HEX
コピー
RGB
コピー
r
g
b
rgb(59, 130, 246)
HSL
コピー
H
217°
S
91%
L
60%
hsl(217, 91%, 60%)
🎨 カラーハーモニー
補色
元の色
補色
類似色
+30°
+-30°
元の色
トライアド
元の色
+120°
+240°
📋 CSSカラー名一覧(クリックで選択)
red
orange
yellow
lime
green
cyan
blue
purple
magenta
pink
hotpink
coral
tomato
gold
khaki
olive
teal
navy
indigo
violet
lavender
plum
orchid
salmon
sienna
chocolate
tan
beige
ivory
white
snow
silver
gray
dimgray
black
skyblue
steelblue
dodgerblue
royalblue
mediumblue
入力情報はブラウザ内のみで処理されます。
関連ツール
🎨
カラーパレット生成
ベースカラーから補色・類似色・三色・モノクロなど6種の配色パレットを自動生成。HEXコード・CSS変数でコピー可。
📐
アスペクト比計算
比率を保ったまま幅・高さを計算。2辺から比率を特定することも可能。16:9・4:3など10種のプリセット付き。
🔐
パスワード生成ツール
強力なランダムパスワードを即生成。文字数・大小英字・数字・記号を自由に設定できます。
🖼️
画像圧縮・リサイズツール
画像をブラウザだけで圧縮・リサイズ。JPEG・PNG・WebP対応。サーバー送信なしで安全。ドラッグ&ドロップで簡単操作。