REPOP WEBツール倉庫

ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります

カラーピッカーツール

カラーピッカーツール

美しいカラーパレットから色を選んでコピー。HEX, RGB, RGBA、カラーネームに対応。

機能、使い方

HEX #000000
RGB rgb(0, 0, 0)
RGBA rgba(0, 0, 0, 1)
black
dimgray
gray
darkgray
silver
lightgray
gainsboro
whitesmoke
white
snow
ghostwhite
floralwhite
linen
antiquewhite
papayawhip
blanchedalmond
bisque
moccasin
navajowhite
peachpuff
mistyrose
lavenderblush
seashell
oldlace
ivory
honeydew
mintcream
azure
aliceblue
lavender
lightsteelblue
lightslategray
slategray
steelblue
royalblue
midnightblue
navy
darkblue
mediumblue
blue
dodgerblue
cornflowerblue
deepskyblue
lightskyblue
skyblue
lightblue
powderblue
paleturquoise
lightcyan
cyan
aqua
turquoise
mediumturquoise
darkturquoise
lightseagreen
cadetblue
darkcyan
teal
darkslategray
darkgreen
green
forestgreen
seagreen
mediumseagreen
mediumaquamarine
darkseagreen
aquamarine
palegreen
lightgreen
springgreen
mediumspringgreen
lawngreen
chartreuse
greenyellow
lime
limegreen
yellowgreen
darkolivegreen
olivedrab
olive
darkkhaki
palegoldenrod
cornsilk
beige
lightyellow
lightgoldenrodyellow
lemonchiffon
wheat
burlywood
tan
khaki
yellow
gold
orange
sandybrown
darkorange
goldenrod
peru
darkgoldenrod
chocolate
sienna
saddlebrown
maroon
darkred
brown
firebrick
indianred
rosybrown
darksalmon
lightcoral
salmon
lightsalmon
coral
tomato
orangered
red
crimson
mediumvioletred
deeppink
hotpink
palevioletred
pink
lightpink
thistle
magenta
fuchsia
violet
plum
orchid
mediumorchid
darkorchid
darkviolet
darkmagenta
purple
indigo
darkslateblue
blueviolet
mediumpurple
slateblue
mediumslateblue
ブラック
リッチブラック
ピアノブラック
オブシディアン
オニキス
ジェット
チャコール
ダークグレー1
ダークグレー2
ダークグレー3
グレー1
グレー2
グレー3
グレー4
グレー5
シルバー1
シルバー2
ライトグレー1
ライトグレー2
ライトグレー3
ホワイトスモーク
ホワイト
スレート
ダークスレート
ガンメタル
アッシュ
パール
アイボリー
スノー
パステルピンク
パステルピンク(濃)
ベビーピンク
ベビーピンク(濃)
ライトピンク
ライトピンク(濃)
ローズピンク
ローズピンク(濃)
ミスティローズ
ミスティローズ(濃)
シェルピンク
シェルピンク(濃)
パステルブルー
パステルブルー(濃)
ライトブルー
ライトブルー(濃)
パウダーブルー
パウダーブルー(濃)
スカイブルー
スカイブルー(濃)
ライトスカイブルー
ライトスカイブルー(濃)
アリスブルー
アリスブルー(濃)
パステルグリーン
パステルグリーン(濃)
ミントグリーン
ミントグリーン(濃)
ライトグリーン
ライトグリーン(濃)
ペールグリーン
ペールグリーン(濃)
ハニーデュー
ハニーデュー(濃)
ミントクリーム
ミントクリーム(濃)
パステルイエロー
パステルイエロー(濃)
レモンシフォン
レモンシフォン(濃)
ライトイエロー
ライトイエロー(濃)
クリーム
クリーム(濃)
バニラ
バニラ(濃)
アイボリー
アイボリー(濃)
パステルオレンジ
パステルオレンジ(濃)
ピーチ
ピーチ(濃)
アプリコット
アプリコット(濃)
パパイヤ
パパイヤ(濃)
モカシン
モカシン(濃)
パステルラベンダー
パステルラベンダー(濃)
ラベンダー
ラベンダー(濃)
シスル
シスル(濃)
ライラック
ライラック(濃)
モーブ
モーブ(濃)
パーウィンクル
パーウィンクル(濃)
パステルコーラル
パステルコーラル(濃)
パステルターコイズ
パステルターコイズ(濃)
パステルアクア
パステルアクア(濃)
ビビッドレッド
スカーレット
カーマイン
バーミリオン
ルビー
チェリー
ビビッドオレンジ
タンジェリン
マンダリン
パンプキン
ビビッドイエロー
カナリアイエロー
レモンイエロー
ゴールデンイエロー
ビビッドグリーン
エメラルドグリーン
スプリンググリーン
ライムグリーン
シャルトリューズ
ネオングリーン
ビビッドブルー
エレクトリックブルー
ドッジャーブルー
ディープスカイブルー
コバルトブルー
サファイア
ビビッドシアン
アクアマリン
ターコイズブルー
ネオンブルー
ビビッドパープル
エレクトリックパープル
バイオレット
ネオンパープル
ビビッドピンク
ネオンピンク
ホットマゼンタ
フューシャ
ビビッドライム
ネオンライム
エレクトリックライム
ビビッドアンバー
ビビッドティール
ネオンイエロー
公開日 :
更新日 :
JavaScript カラーコード変換実装コード生成ツール

JavaScript カラーコード変換実装コード生成ツール

HEX(16進数)やRGBなどのカラーコードを相互に変換するJavaScriptの実装コードを生成します。

JSONJavaScriptHTMLCSSSVGPHPPython画像処理色、カラーコード
画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像の端を透過グラデーションでぼかし、背景と滑らかに馴染ませるエフェクトを生成します。mask-imageを使用し、上下左右や円形など複数の方向にフェードアウト可能です。

文字の中に画像(マスクテキスト)のCSSジェネレーター

文字の中に画像(マスクテキスト)のCSSジェネレーター

指定した画像を文字の形に切り抜き、インパクトのあるテキストエフェクトを生成します。グラフィカルな見出しやタイトルの作成に適しています。

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

不規則な点滅を繰り返す、リアリティのあるネオンサイン文字のエフェクトを生成します。多重シャドウによる発光と透明度の変化で、レトロな雰囲気を演出します。

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

枠線が虹色に変化しながら回転し続ける視覚効果を生成します。conic-gradientを活用し、画像不要で軽量な実装が可能です。

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

要素が空中を漂うような、浮遊アニメーションを生成するツールです。

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

要素の背後に柔らかい発光エフェクトを追加し、呼吸するように明滅するアニメーションを付与するツールです。

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字が1文字ずつタイピングされるようなアニメーション効果を生成するCSSジェネレーターです。

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

クリックした際に沈み込むような、厚みのある3Dボタンを生成します。奥行き、押し込み感、カラーを直感的に調整可能です。

鏡面反射(ミラーリフレクション)のCSSジェネレーター

鏡面反射(ミラーリフレクション)のCSSジェネレーター

画像やテキストに対して鏡面反射(リフレクション)エフェクトを適用するCSSを生成します。方向、距離、不透明度を調整可能です。

円を描く文字(円形テキスト)のCSSジェネレーター

円を描く文字(円形テキスト)のCSSジェネレーター

入力したテキストを円形や半円に沿って配置。半径や回転角、文字の間隔を個別に調整して、円形状のタイポグラフィを作成できます。

» もっと見る