タグ

ブックマーク / www.peko-step.com (2)

  • 画像をData URI schemeでテキストに変換するツール

    読み込んだ画像をData URI schemeでbase64のテキストに変換するツール。 画像をテキストに変換することでHTMLCSSの内部に画像データを直接埋め込むことができます。 まず最初に、テキストに変換したい画像を読み込みます。 ボタンを押すと読み込むファイルを選択するためのダイアログが表示されるので、変換したい画像ファイルを選択してください。 画像ファイルをボックスに直接ドロップすることでも選択できます。 読み込みが完了すると、画像は自動的にテキストに変換されます。 テキストボックス内に表示された「data:image/png;base64…」から始まるテキストがbase64で変換された画像データです。 このテキストを任意の場所に貼り付けることで画像を埋め込むことができます。

    画像をData URI schemeでテキストに変換するツール
  • RGBとHSLの相互変換ツールと変換計算式

    ツールの使い方 色を赤・緑・青の3つで表現する「RGB」と、色を色相・彩度・輝度の3つで表現する「HSL」を相互変換するツールです。HTMLなどで使う16進数カラーコードとの変換も可能。 Webブラウザ上で動作するので手軽に利用できます。 ■ [関連項目] HSL色空間とは RGB値をHSL値に変換したい場合は、RGB値の欄に変換する値を入力してください。 HSL値をRGB値に変換したい場合は、HSL値の欄に変換する値を入力してください。 値を入力すると、変換後の値が自動的にセットされます。 RGBの各パラメータは0~255の値で表示されます。 HSLはデフォルト設定だとHが0~360、SとLは0~100で表示されますが、Hを0~100、SとLを0~255の範囲に変更することもできます。 HSLとHSV・HSBの違いについて 「HSL」は、色を色相(Hue)・彩度(Saturation)・

    RGBとHSLの相互変換ツールと変換計算式
  • 1