色のツール
HEX·RGB·HSL 変換 · 画像から抽出 · CSS 色名
색상 도구
HEX·RGB·HSL 변환, 이미지에서 색 추출, CSS 색 이름표를 한 곳에서
HEX#5865F2복사
RGBrgb(88, 101, 242)복사
HSLhsl(235, 86%, 65%)복사
CMYKcmyk(64%, 58%, 0%, 5%)복사
CSS 변수--color: #5865f2;복사
Android0xFF5865F2복사
흰 글자 4.61 : 1
AA (본문 OK)
검은 글자 4.56 : 1
AA (본문 OK)
色コードの相互変換、画像からの代表色の抽出、CSS 標準の色名探しの三つをひとまとめにしました。
使い方
- 上のタブでやることを選ぶ
- 変換なら色コード、抽出なら画像を入れる
- 結果を押してコピーする
よくある質問
- 3つの道具がなぜ1か所にあるのですか？
- どれも色をひとつ決めるための仕事なので、別々に置くとどれを押すかから迷います。各道具の個別のアドレスはそのまま生きています。
- 画像はサーバーに上がりますか？
- いいえ。色の取り出しはブラウザの中だけで行い、画像をどこにも送りません。
- コントラスト比をなぜ見せるのですか？
- 文字と背景の明るさの差が足りないと読みにくくなります。変換タブでその値も一緒に出し、色を選ぶときに読みやすさも一緒に判断できるようにしています。
ほかの道具
この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。
このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る