見出しのスタイルシートを自動で作成できるツールが完成しました

・出来上がったサンプルを見ながら自在に見出しのスタイルシートが作れます。
・CSSやHTMLタグのわからない方でもそのまま記事に張り付けてすぐ書くことができます。
・2022年11月17日サービススタート。不具合を修正しつつさらに機能を増やしていきます。
枠のスタイルシート自動作成ツールはこちらです。
11月19日　色のスペルミスを一部修正しました。

文字の中央寄せする？ しない する

見出し枠自体の中央寄せする？ しない する

枠の幅を指定する（指定がない方はそのままでOK)

指定しない 50px 100px 150px 200px 250px 300px 350px 400px 450px 500px 550px 600px

行高の指定（見出しの高さになります)
指定がない場合はそのままでOK
指定しない 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 2.0 2.1 2.2 2.3 2.4 2.5

文字のサイズ、太さ、色、影。(初期値は普通、太くしない、黒です。)
文字は太くする？ しない する 文字のサイズ 普通 ちょっと大きくする もうちょっと 結構大きくする 巨大 小さくする
文字自体にシャドウ（影)つける？
つけない 弱いシャドウ 普通のシャドウ 強いシャドウ かなり強いシャドウ
文字の色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple slateblue mediumslateblue
文字の色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
文字の色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
文字の色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray slategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
文字の色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

角って丸める？
選択してください 丸めない ちょっと丸める もうちょっと 結構丸める
どこを丸める？
選択してください 全ての角 左上 左下 右上 右下

BOXにシャドウ（影）をつける
シャドウをつけない場合はそのままでOK
どれくらいつける？ つけない 弱いシャドウ 普通のシャドウ 強いシャドウ かなり強いシャドウ

見出しの左に小さなアイコンをつける場合
つけない場合はそのままにしてOK
アイコンの種類（増やす予定)
選択して下さい つける場合は必ずここ選択 右矢印 チェックマーク ●（丸）
アイコンのサイズ 普通 ちょっと大きい もうちょっと だいぶ大きい 巨大 小さい
アイコンの色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
アイコンの色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
アイコンの色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
アイコンの色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
アイコンの色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

見出しの上に線を引く場合
見出しの上に線を引かない場合はそのままにしてOK
線の種類を選ぶ 選択してください 引く場合はここ必ず選択 実線 点線 破線 二重線 線がへこんで見える 線が浮き上がって見える 線より内側がへこんで見える 線より内側が浮いて見える
線の太さ
選択してください 1px 2px 3px 4px 5px
見出しの上の線の色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
見出しの上の線の色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
見出しの上の線の色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
見出しの上の線の色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
見出しの上の線の色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

見出しの下に線を引く場合
見出しの下に線を引かない場合はそのままにしてOK
線の種類を選ぶ 選択してください 引く場合はここ必ず選択 実線 点線 破線 二重線 線がへこんで見える 線が浮き上がって見える 線より内側がへこんで見える 線より内側が浮いて見える
線の太さ
選択してください 1px 2px 3px 4px 5px
見出しの下の線の色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
見出しの下の線の色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
見出しの下の線の色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
見出しの下の線の色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
見出しの下の線の色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

見出しの左に線を引く場合
見出しの左に線を引かない場合はそのままにしてOK
線の種類を選ぶ 選択してください 引く場合はここ必ず選択 実線 点線 破線 二重線 線がへこんで見える 線が浮き上がって見える 線より内側がへこんで見える 線より内側が浮いて見える
線の太さ
選択してください 1px 2px 3px 4px 5px
見出しの左の線の色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
見出しの左の線の色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
見出しの左の線の色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
見出しの左の線の色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
見出しの左の線の色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

見出しの右に線を引く場合
見出しの右に線を引かない場合はそのままにしてOK
線の種類を選ぶ 選択してください 引く場合はここ必ず選択 実線 点線 破線 二重線 線がへこんで見える 線が浮き上がって見える 線より内側がへこんで見える 線より内側が浮いて見える
線の太さ
選択してください 1px 2px 3px 4px 5px
見出しの右の線の色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
見出しの右の線の色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
見出しの右の線の色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
見出しの右の線の色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
見出しの右の線の色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

枠の背景色
背景色の初期値は”なし”です。

背景色をスプライトにする？(未実装)
しない する
枠の背景色（ピンク～赤、紫系統)
選択して下さい 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
枠の背景色(黄～オレンジ系統)
選択して下さい 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
枠の背景色(緑系統)
選択して下さい 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
枠の背景色(青系統)
選択して下さい 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
枠の背景色(黒～クリーム系統)
選択して下さい 他のにする 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 azure mintcream

クリックしてスタイルシートを自動作成、またサンプルを表示する(見たままモード、はてな記法モード、普通のブログ、ホームページ用) ここにスタイルシートなどが全て表示されます

ここにサンプルが表示されます

でき上がったスタイルシートなどをクリップボードにコピーする

そのままスマホでも記事が書けます!