Bootstrapのトーンを変えたい時のコピペ用の色の設定値

Bootstrapのトーンを変えたかったので、こちらのサイトを参考にトーン別の設定値一覧を作りました。

Bootstrap デフォルトのトーン

1
// Bootstrap default tone
2
$blue:    #007bff !default;
3
$indigo:  #6610f2 !default;
4
$purple:  #6f42c1 !default;
5
$pink:    #e83e8c !default;
6
$red:     #dc3545 !default;
7
$orange:  #fd7e14 !default;
8
$yellow:  #ffc107 !default;
9
$green:   #28a745 !default;
10
$teal:    #20c997 !default;
11
$cyan:    #17a2b8 !default;

トーン一覧

ビビッドトーン Vivid tone

1
// Vivid tone
2
$blue:    #0068B7 !default;
3
$indigo:  #1D2088 !default;
4
$purple:  #920783 !default;
5
$pink:    #E4007F !default;
6
$red:     #DF0101 !default;
7
$orange:  #EB9600 !default;
8
$yellow:  #F4E401 !default;
9
$green:   #009944 !default;
10
$teal:    #009E96 !default;
11
$cyan:    #00A0E9 !default;

ブライトトーン Bright tone

1
// Bright tone
2
$blue:    #187FC4 !default;
3
$indigo:  #4D4398 !default;
4
$purple:  #A64A97 !default;
5
$pink:    #E85298 !default;
6
$red:     #EA5532 !default;
7
$orange:  #F6AD3C !default;
8
$yellow:  #FFF33F !default;
9
$green:   #00A95F !default;
10
$teal:    #00ADA9 !default;
11
$cyan:    #00AFEC !default;

ストロングトーン Strong tone

1
// Strong tone
2
$blue:    #0062AC !default;
3
$indigo:  #1B1C80 !default;
4
$purple:  #8A017C !default;
5
$pink:    #D60077 !default;
6
$red:     #D7000F !default;
7
$orange:  #E48E00 !default;
8
$yellow:  #F3E100 !default;
9
$green:   #009140 !default;
10
$teal:    #00958D !default;
11
$cyan:    #0097DB !default;

ディープトーン Deep tone

1
// Deep tone
2
$blue:    #005AA0 !default;
3
$indigo:  #181878 !default;
4
$purple:  #800073 !default;
5
$pink:    #C6006F !default;
6
$red:     #C7000B !default;
7
$orange:  #D28300 !default;
8
$yellow:  #DFD000 !default;
9
$green:   #00873C !default;
10
$teal:    #008A83 !default;
11
$cyan:    #008DCB !default;

ライトトーン Light tone

1
// Light tone
2
$blue:    #6C9BD2 !default;
3
$indigo:  #796BAF !default;
4
$purple:  #BA79B1 !default;
5
$pink:    #EE87B4 !default;
6
$red:     #EF845C !default;
7
$orange:  #F9C270 !default;
8
$yellow:  #FFF67F !default;
9
$green:   #69BD83 !default;
10
$teal:    #61C1BE !default;
11
$cyan:    #54C3F1 !default;

ソフトトーン Soft tone

1
// Soft tone
2
$blue:    #4784BF !default;
3
$indigo:  #5D5099 !default;
4
$purple:  #A55B9A !default;
5
$pink:    #DC669B !default;
6
$red:     #DE6641 !default;
7
$orange:  #E8AC51 !default;
8
$yellow:  #F2E55C !default;
9
$green:   #39A869 !default;
10
$teal:    #27ACA9 !default;
11
$cyan:    #00AEE0 !default;

ダルトーン Dull tone

1
// Dull tone
2
$blue:    #136EAB !default;
3
$indigo:  #423885 !default;
4
$purple:  #903E84 !default;
5
$pink:    #CA4684 !default;
6
$red:     #CB4829 !default;
7
$orange:  #D59533 !default;
8
$yellow:  #DFD238 !default;
9
$green:   #009453 !default;
10
$teal:    #009794 !default;
11
$cyan:    #0099CE !default;

ダークトーン Dark tone

1
// Dark tone
2
$blue:    #004986 !default;
3
$indigo:  #100964 !default;
4
$purple:  #6A005F !default;
5
$pink:    #A4005B !default;
6
$red:     #A40000 !default;
7
$orange:  #AC6A00 !default;
8
$yellow:  #B7AA00 !default;
9
$green:   #007130 !default;
10
$teal:    #00736D !default;
11
$cyan:    #0075A9 !default;

ペールトーン Pale tone

1
// Pale tone
2
$blue:    #A3BCE2 !default;
3
$indigo:  #A59ACA !default;
4
$purple:  #CFA7CD !default;
5
$pink:    #F4B4D0 !default;
6
$red:     #F5B090 !default;
7
$orange:  #FCD7A1 !default;
8
$yellow:  #FFF9B1 !default;
9
$green:   #A5D4AD !default;
10
$teal:    #A2D7D4 !default;
11
$cyan:    #9FD9F6 !default;

ライトグレイッシュトーン Light grayish tone

1
// Light grayish tone
2
$blue:    #5D87B7 !default;
3
$indigo:  #695C98 !default;
4
$purple:  #A1689A !default;
5
$pink:    #CE749C !default;
6
$red:     #CF7250 !default;
7
$orange:  #D7A861 !default;
8
$yellow:  #DED46E !default;
9
$green:   #5AA572 !default;
10
$teal:    #53A8A6 !default;
11
$cyan:    #49AAD2 !default;

グレイッシュトーン Grayish tone

1
// Grayish tone
2
$blue:    #055A8E !default;
3
$indigo:  #352A6F !default;
4
$purple:  #772F6D !default;
5
$pink:    #A7366D !default;
6
$red:     #A7381D !default;
7
$orange:  #AE7A26 !default;
8
$yellow:  #B6AC2B !default;
9
$green:   #007B43 !default;
10
$teal:    #007D7A !default;
11
$cyan:    #007FAB !default;

ダークグレイッシュトーン Dark grayish tone

1
// Dark grayish tone
2
$blue:    #003567 !default;
3
$indigo:  #02004C !default;
4
$purple:  #500047 !default;
5
$pink:    #7E0043 !default;
6
$red:     #7D0000 !default;
7
$orange:  #834E00 !default;
8
$yellow:  #8A8000 !default;
9
$green:   #00561F !default;
10
$teal:    #005752 !default;
11
$cyan:    #005982 !default;

ベリーペールトーン Very pale tone

1
// Very pale tone
2
$blue:    #D3DEF1 !default;
3
$indigo:  #D2CCE6 !default;
4
$purple:  #E7D5E8 !default;
5
$pink:    #FADCE9 !default;
6
$red:     #FBDAC8 !default;
7
$orange:  #FEECD2 !default;
8
$yellow:  #FFFCDB !default;
9
$green:   #D5EAD8 !default;
10
$teal:    #D4ECEA !default;
11
$cyan:    #D3EDFB !default;

ペールグレイッシュトーン Pale grayish tone

1
// Pale grayish tone
2
$blue:    #8DA3C4 !default;
3
$indigo:  #8F85AF !default;
4
$purple:  #B491B2 !default;
5
$pink:    #D39CB5 !default;
6
$red:     #D4987E !default;
7
$orange:  #D9BA8C !default;
8
$yellow:  #DED799 !default;
9
$green:   #8FB896 !default;
10
$teal:    #8CBBB8 !default;
11
$cyan:    #89BCD6 !default;

ミドルグレイッシュトーン Middle grayish tone

1
// Middle grayish tone
2
$blue:    #547BA8 !default;
3
$indigo:  #60538C !default;
4
$purple:  #945E8D !default;
5
$pink:    #BC698F !default;
6
$red:     #BD6748 !default;
7
$orange:  #C49958 !default;
8
$yellow:  #CAC264 !default;
9
$green:   #519768 !default;
10
$teal:    #4A9A98 !default;
11
$cyan:    #419CC0 !default;

ベリーグレイッシュトーン Very grayish tone

1
// Very grayish tone
2
$blue:    #00426D !default;
3
$indigo:  #241754 !default;
4
$purple:  #5A1B52 !default;
5
$pink:    #802151 !default;
6
$red:     #7F2509 !default;
7
$orange:  #845A12 !default;
8
$yellow:  #8A8219 !default;
9
$green:   #005D30 !default;
10
$teal:    #005F5D !default;
11
$cyan:    #006083 !default;

ベリーダークトーン Very dark tone

1
// Very dark tone
2
$blue:    #001A43 !default;
3
$indigo:  #000030 !default;
4
$purple:  #33002B !default;
5
$pink:    #550025 !default;
6
$red:     #530000 !default;
7
$orange:  #562E00 !default;
8
$yellow:  #5B5300 !default;
9
$green:   #003705 !default;
10
$teal:    #003833 !default;
11
$cyan:    #003856 !default;