【Bootstrap5.3 最新】カラージェネレーター

Bootstrapのカラーパレットを再現したジェネレーターがなかったので作りました。
#付きでカラーコードを入力することで、Bootstrapのバージョン5.3の仕様に従った9段階のカラーパレットを生成できます。

目次

Color Shades and Tints Generator By Bootstrap5.3
Bootstrapに関するおすすめのジェネレーター

Color Shades and Tints Generator By Bootstrap5.3

Bootstrapに関するおすすめのジェネレーター

テーマに関するジェネレーター

jetstrap
https://jetstrap.com

Bootstrap Live Customizer
http://bootstrap-live-customizer.com/

BootSwatchr
http://bootswatchr.com/

Bootply
http://www.bootply.com/

LayoutIt!
http://www.layoutit.com/

カラーパレットジェネレーター

bootstrapのカラーパレットを自動生成するジェネレーターをご紹介します。

1pxdeep
https://rriepe.github.io/1pxdeep/
Lavish
http://www.lavishbootstrap.com/

Bootstrapのチートシート

Bootstrap 4 Cheat Sheet
https://hackerthemes.com/bootstrap-cheatsheet/#progress__height

グリッド

Shoelace
http://shoelace.io/

フォーム

Bootstrap Form Builder
https://formden.com/form-builder/

ナビ

Bootstrap Menu Builder
http://bootstrapdesigntools.com/tools/bootstrap-menu-builder/

アイコン

IconMoon
https://icomoon.io/app/
Fontello
http://fontello.com/

パンくず

Bootstrap Breadcrumbs Designer
http://bootstrapdesigntools.com/tools/bootstrap-breadcrumb-designer/

ボタン

Bootstrap Button Designer
http://bootstrapdesigntools.com/tools/bootstrap-button-designer/
Twitter’s Bootstrap 3 Button Generator
http://twitterbootstrap3buttons.w3masters.nl/
Bootstrap Button Generator
http://blog.koalite.com/bbg/

その他

Bootsnipp（一部のパーツとして使えそうなスニペット集）
http://bootsnipp.com/