【主な仕様】カラーピッカー仕様表

カラーピッカー

カラーピッカー

WYSIWYG(エディタ内には文字列の色を変更するためのカラーピッカーが備わっています。ほとんどのWYSIWYGエディタではタグの出力を<font>タグやstyle属性などで行うのですが、WMS更新パッケージでは独自のCSS形式に変換してタグを出力しています。

早見表
番号 名称 出力されるタグ例 CSS詳細
1行目
A-1

RGBレッド

<span class="WMS_fc_Red_RGB">テキスト</span> .WMS_fc_Red_RGB {color:#ff0000;}
A-2

RGBイエロー

<span class="WMS_fc_Yellow_RGB">テキスト</span> .WMS_fc_Yellow_RGB {color:#ffff00;}
A-3

RGBグリーン

<span class="WMS_fc_Green_RGB">テキスト</span> .WMS_fc_Green_RGB {color:#00ff00;}
A-4

RGBシアン

<span class="WMS_fc_Cyan_RGB">テキスト</span> .WMS_fc_Cyan_RGB {color:#00ffff;}
A-5

RGBブルー

<span class="WMS_fc_Blue_RGB">テキスト</span> .WMS_fc_Blue_RGB {color:#0000ff;}
A-6

RGBマゼンタ

<span class="WMS_fc_Magenta_RGB">テキスト</span> .WMS_fc_Magenta_RGB {color:#ff00ff;}
A-7

ホワイト

<span class="WMS_fc_White">テキスト</span> .WMS_fc_White {color:#ffffff;}
A-8

10%グレー

<span class="WMS_fc_Gray_10">テキスト</span> .WMS_fc_Gray_10 {color:#eeeeee;}
A-9

15%グレー

<span class="WMS_fc_Gray_15">テキスト</span> .WMS_fc_Gray_15 {color:#e5e5e5;}
A-10

20%グレー

<span class="WMS_fc_Gray_20">テキスト</span> .WMS_fc_Gray_20 {color:#dcdcdc;}
A-11

25%グレー

<span class="WMS_fc_Gray_25">テキスト</span> .WMS_fc_Gray_25 {color:#d2d2d2;}
A-12

30%グレー

<span class="WMS_fc_Gray_30">テキスト</span> .WMS_fc_Gray_30 {color:#c9c9c9;}
A-13

35%グレー

<span class="WMS_fc_Gray_35">テキスト</span> .WMS_fc_Gray_35 {color:#bfbfbf;}
A-14

40%グレー

<span class="WMS_fc_Gray_40">テキスト</span> .WMS_fc_Gray_40 {color:#b5b5b5;}
A-15

45%グレー

<span class="WMS_fc_Gray_45">テキスト</span> .WMS_fc_Gray_45 {color:#aaaaaa;}
A-16

50%グレー

<span class="WMS_fc_Gray_50">テキスト</span> .WMS_fc_Gray_50 {color:#a0a0a0;}
2行目
B-1

CMYKレッド

<span class="WMS_fc_Red_CMYK">テキスト</span> .WMS_fc_Red_CMYK {color:#e60012;}
B-2

CMYKイエロー

<span class="WMS_fc_Yellow_CMYK">テキスト</span> .WMS_fc_Yellow_CMYK {color:#fff100;}
B-3

CMYKグリーン

<span class="WMS_fc_Green_CMYK">テキスト</span> .WMS_fc_Green_CMYK {color:#009944;}
B-4

CMYKシアン

<span class="WMS_fc_Cyan_CMYK">テキスト</span> .WMS_fc_Cyan_CMYK {color:#00a0e9;}
B-5

CMYKブルー

<span class="WMS_fc_Blue_CMYK">テキスト</span> .WMS_fc_Blue_CMYK {color:#1d2088;}
B-6

CMYKマゼンタ

<span class="WMS_fc_Magenta_CMYK">テキスト</span> .WMS_fc_Magenta_CMYK {color:#e4007f;}
B-7

55%グレー

<span class="WMS_fc_Gray_55">テキスト</span> .WMS_fc_Gray_55 {color:#959595;}
B-8

60%グレー

<span class="WMS_fc_Gray_60">テキスト</span> .WMS_fc_Gray_60 {color:#898989;}
B-9

65%グレー

<span class="WMS_fc_Gray_65">テキスト</span> .WMS_fc_Gray_65 {color:#7d7d7d;}
B-10

70%グレー

<span class="WMS_fc_Gray_70">テキスト</span> .WMS_fc_Gray_70 {color:#707070;}
B-11

75%グレー

<span class="WMS_fc_Gray_75">テキスト</span> .WMS_fc_Gray_75 {color:#626262;}
B-12

80%グレー

<span class="WMS_fc_Gray_80">テキスト</span> .WMS_fc_Gray_80 {color:#535353;}
B-13

85%グレー

<span class="WMS_fc_Gray_85">テキスト</span> .WMS_fc_Gray_85 {color:#434343;}
B-14

90%グレー

<span class="WMS_fc_Gray_90">テキスト</span> .WMS_fc_Gray_90 {color:#313131;}
B-15

95%グレー

<span class="WMS_fc_Gray_95">テキスト</span> .WMS_fc_Gray_95 {color:#1b1b1b;}
B-16

ブラック

<span class="WMS_fc_Black">テキスト</span> .WMS_fc_Black {color:#000000;}
3行目
C-1

パステルレッド

<span class="WMS_fc_Red_Pastel">テキスト</span> .WMS_fc_Red_Pastel {color:#f29b76;}
C-2

パステルレッドオレンジ

<span class="WMS_fc_RedOrange_Pastel">テキスト</span> .WMS_fc_RedOrange_Pastel {color:#f6b37f;}
C-3

パステルイエローオレンジ

<span class="WMS_fc_YellowOrange_Pastel">テキスト</span> .WMS_fc_YellowOrange_Pastel {color:#facd89;}
C-4

パステルイエロー

<span class="WMS_fc_Yellow_Pastel">テキスト</span> .WMS_fc_Yellow_Pastel {color:#fff799;}
C-5

パステルピーグリーン

<span class="WMS_fc_PeaGreen_Pastel">テキスト</span> .WMS_fc_PeaGreen_Pastel {color:#cce198;}
C-6

パステルイエローグリーン

<span class="WMS_fc_YellowGreen_Pastel">テキスト</span> .WMS_fc_YellowGreen_Pastel {color:#acd598;}
C-7

パステルグリーン

<span class="WMS_fc_Green_Pastel">テキスト</span> .WMS_fc_Green_Pastel {color:#89c997;}
C-8

パステルグリーンシアン

<span class="WMS_fc_GreenCyan_Pastel">テキスト</span> .WMS_fc_GreenCyan_Pastel {color:#84ccc9;}
C-9

パステルシアン

<span class="WMS_fc_Cyan_Pastel">テキスト</span> .WMS_fc_Cyan_Pastel {color:#7ecef4;}
C-10

パステルシアンブルー

<span class="WMS_fc_CyanBlue_Pastel">テキスト</span> .WMS_fc_CyanBlue_Pastel {color:#88abda;}
C-11

パステルブルー

<span class="WMS_fc_Blue_Pastel">テキスト</span> .WMS_fc_Blue_Pastel {color:#8c97cb;}
C-12

パステルブルーバイオレット

<span class="WMS_fc_BlueViolet_Pastel">テキスト</span> .WMS_fc_BlueViolet_Pastel {color:#8f82bc;}
C-13

パステルバイオレット

<span class="WMS_fc_Violet_Pastel">テキスト</span> .WMS_fc_Violet_Pastel {color:#aa89bd;}
C-14

パステルバイオレットマゼンタ

<span class="WMS_fc_VioletMagenta_Pastel">テキスト</span> .WMS_fc_VioletMagenta_Pastel {color:#c490bf;}
C-15

パステルマゼンタ

<span class="WMS_fc_Magenta_Pastel">テキスト</span> .WMS_fc_Magenta_Pastel {color:#f19ec2;}
C-16

パステルマゼンタレッド

<span class="WMS_fc_MagentaRed_Pastel">テキスト</span> .WMS_fc_MagentaRed_Pastel {color:#f29c9f;}
4行目
D-1

レッド(明)

<span class="WMS_fc_Red_Light">テキスト</span> .WMS_fc_Red_Light {color:#ec6941;}
D-2

レッドオレンジ(明)

<span class="WMS_fc_RedOrange_Light">テキスト</span> .WMS_fc_RedOrange_Light {color:#f19149;}
D-3

イエローオレンジ(明)

<span class="WMS_fc_YellowOrange_Light">テキスト</span> .WMS_fc_YellowOrange_Light {color:#f8b551;}
D-4

イエロー(明)

<span class="WMS_fc_Yellow_Light">テキスト</span> .WMS_fc_Yellow_Light {color:#fff45c;}
D-5

ピーグリーン(明)

<span class="WMS_fc_PeaGreen_Light">テキスト</span> .WMS_fc_PeaGreen_Light {color:#b3d465;}
D-6

イエローグリーン(明)

<span class="WMS_fc_YellowGreen_Light">テキスト</span> .WMS_fc_YellowGreen_Light {color:#80c269;}
D-7

グリーン(明)

<span class="WMS_fc_Green_Light">テキスト</span> .WMS_fc_Green_Light {color:#32b16c;}
D-8

グリーンシアン(明)

<span class="WMS_fc_GreenCyan_Light">テキスト</span> .WMS_fc_GreenCyan_Light {color:#13b5b1;}
D-9

ライトシアン(明)

<span class="WMS_fc_Cyan_Light">テキスト</span> .WMS_fc_Cyan_Light {color:#00b7ee;}
D-10

シアンブルー(明)

<span class="WMS_fc_CyanBlue_Light">テキスト</span> .WMS_fc_CyanBlue_Light {color:#448aca;}
D-11

ブルー(明)

<span class="WMS_fc_Blue_Light">テキスト</span> .WMS_fc_Blue_Light {color:#556fb5;}
D-12

ブルーバイオレット(明)

<span class="WMS_fc_BlueViolet_Light">テキスト</span> .WMS_fc_BlueViolet_Light {color:#5f52a0;}
D-13

バイオレット(明)

<span class="WMS_fc_Violet_Light">テキスト</span> .WMS_fc_Violet_Light {color:#8957a1;}
D-14

バイオレットマゼンタ(明)

<span class="WMS_fc_VioletMagenta_Light">テキスト</span> .WMS_fc_VioletMagenta_Light {color:#ae5da1;}
D-15

マゼンタ(明)

<span class="WMS_fc_Magenta_Light">テキスト</span> .WMS_fc_Magenta_Light {color:#ea68a2;}
D-16

マゼンタレッド(明)

<span class="WMS_fc_MagentaRed_Light">テキスト</span> .WMS_fc_MagentaRed_Light {color:#eb6877;}
早見表
番号 名称 出力されるタグ例 CSS詳細
5行目
E-1

レッド(純色)

<span class="WMS_fc_Red_Pure">テキスト</span> .WMS_fc_Red_Pure {color:#e60012;}
E-2

レッドオレンジ(純色)

<span class="WMS_fc_RedOrange_Pure">テキスト</span> .WMS_fc_RedOrange_Pure {color:#eb6100;}
E-3

イエローオレンジ(純色)

<span class="WMS_fc_YellowOrange_Pure">テキスト</span> .WMS_fc_YellowOrange_Pure {color:#f39800;}
E-4

イエロー(純色)

<span class="WMS_fc_Yellow_Pure">テキスト</span> .WMS_fc_Yellow_Pure {color:#fff100;}
E-5

ピーグリーン(純色)

<span class="WMS_fc_PeaGreen_Pure">テキスト</span> .WMS_fc_PeaGreen_Pure {color:#8fc31f;}
E-6

イエローグリーン(純色)

<span class="WMS_fc_YellowGreen_Pure">テキスト</span> .WMS_fc_YellowGreen_Pure {color:#22ac38;}
E-7

グリーン(純色)

<span class="WMS_fc_Green_Pure">テキスト</span> .WMS_fc_Green_Pure {color:#009944;}
E-8

グリーンシアン(純色)

<span class="WMS_fc_GreenCyan_Pure">テキスト</span> .WMS_fc_GreenCyan_Pure {color:#009e96;}
E-9

シアン(純色)

<span class="WMS_fc_Cyan_Pure">テキスト</span> .WMS_fc_Cyan_Pure {color:#00a0e9;}
E-10

シアンブルー(純色)

<span class="WMS_fc_CyanBlue_Pure">テキスト</span> .WMS_fc_CyanBlue_Pure {color:#0068b7;}
E-11

ブルー(純色)

<span class="WMS_fc_Blue_Pure">テキスト</span> .WMS_fc_Blue_Pure {color:#00479d;}
E-12

ブルーバイオレット(純色)

<span class="WMS_fc_BlueViolet_Pure">テキスト</span> .WMS_fc_BlueViolet_Pure {color:#1d2088;}
E-13

バイオレット(純色)

<span class="WMS_fc_Violet_Pure">テキスト</span> .WMS_fc_Violet_Pure {color:#601986;}
E-14

バイオレットマゼンタ(純色)

<span class="WMS_fc_VioletMagenta_Pure">テキスト</span> .WMS_fc_VioletMagenta_Pure {color:#920783;}
E-15

マゼンタ(純色)

<span class="WMS_fc_Magenta_Pure">テキスト</span> .WMS_fc_Magenta_Pure {color:#e4007f;}
E-16

マゼンタレッド(純色)

<span class="WMS_fc_MagentaRed_Pure">テキスト</span> .WMS_fc_MagentaRed_Pure {color:#e5004f;}
6行目
F-1

レッド(暗)

<span class="WMS_fc_Red_Dim">テキスト</span> .WMS_fc_Red_Dim {color:#a40000;}
F-2

レッドオレンジ(暗)

<span class="WMS_fc_RedOrange_Dim">テキスト</span> .WMS_fc_RedOrange_Dim {color:#a84200;}
F-3

イエローオレンジ(暗)

<span class="WMS_fc_YellowOrange_Dim">テキスト</span> .WMS_fc_YellowOrange_Dim {color:#ac6a00;}
F-4

イエロー(暗)

<span class="WMS_fc_Yellow_Dim">テキスト</span> .WMS_fc_Yellow_Dim {color:#b7aa00;}
F-5

ピーグリーン(暗)

<span class="WMS_fc_PeaGreen_Dim">テキスト</span> .WMS_fc_PeaGreen_Dim {color:#638c0b;}
F-6

イエローグリーン(暗)

<span class="WMS_fc_YellowGreen_Dim">テキスト</span> .WMS_fc_YellowGreen_Dim {color:#097c25;}
F-7

グリーン(暗)

<span class="WMS_fc_Green_Dim">テキスト</span> .WMS_fc_Green_Dim {color:#007130;}
F-8

グリーンシアン(暗)

<span class="WMS_fc_GreenCyan_Dim">テキスト</span> .WMS_fc_GreenCyan_Dim {color:#00736d;}
F-9

シアン(暗)

<span class="WMS_fc_Cyan_Dim">テキスト</span> .WMS_fc_Cyan_Dim {color:#0075a9;}
F-10

シアンブルー(暗)

<span class="WMS_fc_CyanBlue_Dim">テキスト</span> .WMS_fc_CyanBlue_Dim {color:#004986;}
F-11

ブルー(暗)

<span class="WMS_fc_Blue_Dim">テキスト</span> .WMS_fc_Blue_Dim {color:#002e73;}
F-12

ブルーバイオレット(暗)

<span class="WMS_fc_BlueViolet_Dim">テキスト</span> .WMS_fc_BlueViolet_Dim {color:#100964;}
F-13

バイオレット(暗)

<span class="WMS_fc_Violet_Dim">テキスト</span> .WMS_fc_Violet_Dim {color:#440062;}
F-14

バイオレットマゼンタ(暗)

<span class="WMS_fc_VioletMagenta_Dim">テキスト</span> .WMS_fc_VioletMagenta_Dim {color:#6a005f;}
F-15

マゼンタ(暗)

<span class="WMS_fc_Magenta_Dim">テキスト</span> .WMS_fc_Magenta_Dim {color:#a4005b;}
F-16

マゼンタレッド(暗)

<span class="WMS_fc_MagentaRed_Dim">テキスト</span> .WMS_fc_MagentaRed_Dim {color:#a40035;}
7行目
G-1

レッド(より暗い)

<span class="WMS_fc_Red_Dark">テキスト</span> .WMS_fc_Red_Dark {color:#7d0000;}
G-2

レッドオレンジ(より暗い)

<span class="WMS_fc_RedOrange_Dark">テキスト</span> .WMS_fc_RedOrange_Dark {color:#7f2d00;}
G-3

イエローオレンジ(より暗い)

<span class="WMS_fc_YellowOrange_Dark">テキスト</span> .WMS_fc_YellowOrange_Dark {color:#834e00;}
G-4

イエロー(より暗い)

<span class="WMS_fc_Yellow_Dark">テキスト</span> .WMS_fc_Yellow_Dark {color:#8a8000;}
G-5

ピーグリーン(より暗い)

<span class="WMS_fc_PeaGreen_Dark">テキスト</span> .WMS_fc_PeaGreen_Dark {color:#486a00;}
G-6

イエローグリーン(より暗い)

<span class="WMS_fc_YellowGreen_Dark">テキスト</span> .WMS_fc_YellowGreen_Dark {color:#005e15;}
G-7

グリーン(より暗い)

<span class="WMS_fc_Green_Dark">テキスト</span> .WMS_fc_Green_Dark {color:#00561f;}
G-8

グリーンシアン(より暗い)

<span class="WMS_fc_GreenCyan_Dark">テキスト</span> .WMS_fc_GreenCyan_Dark {color:#005752;}
G-9

シアン(より暗い)

<span class="WMS_fc_Cyan_Dark">テキスト</span> .WMS_fc_Cyan_Dark {color:#005982;}
G-10

シアンブルー(より暗い)

<span class="WMS_fc_CyanBlue_Dark">テキスト</span> .WMS_fc_CyanBlue_Dark {color:#003567;}
G-11

ブルー(より暗い)

<span class="WMS_fc_Blue_Dark">テキスト</span> .WMS_fc_Blue_Dark {color:#001c58;}
G-12

ブルーバイオレット(より暗い)

<span class="WMS_fc_BlueViolet_Dark">テキスト</span> .WMS_fc_BlueViolet_Dark {color:#03004c;}
G-13

バイオレット(より暗い)

<span class="WMS_fc_Violet_Dark">テキスト</span> .WMS_fc_Violet_Dark {color:#31004a;}
G-14

バイオレットマゼンタ(より暗い)

<span class="WMS_fc_VioletMagenta_Dark">テキスト</span> .WMS_fc_VioletMagenta_Dark {color:#500047;}
G-15

マゼンタ(より暗い)

<span class="WMS_fc_Magenta_Dark">テキスト</span> .WMS_fc_Magenta_Dark {color:#7e0043;}
G-16

マゼンタレッド(より暗い)

<span class="WMS_fc_MagentaRed_Dark">テキスト</span> .WMS_fc_MagentaRed_Dark {color:#7d0022;}
8行目
H-1

寒色系のブラウン(薄い)

<span class="WMS_fc_cBrown_Pastel">テキスト</span> .WMS_fc_cBrown_Pastel {color:#f6b37f;}
H-2

寒色系のブラウン(明)

<span class="WMS_fc_cBrown_Light">テキスト</span> .WMS_fc_cBrown_Light {color:#998675;}
H-3

寒色系のブラウン

<span class="WMS_fc_cBrown_Pure">テキスト</span> .WMS_fc_cBrown_Pure {color:#736357;}
H-4

寒色系のブラウン(暗)

<span class="WMS_fc_cBrown_Dim">テキスト</span> .WMS_fc_cBrown_Dim {color:#534741;}
H-5

寒色系のブラウン(より暗い)

<span class="WMS_fc_cBrown_Dark">テキスト</span> .WMS_fc_cBrown_Dark {color:#362f2d;}
H-6

暖色系のブラウン(薄い)

<span class="WMS_fc_wBrown_Pastel">テキスト</span> .WMS_fc_wBrown_Pastel {color:#c69c6d;}
H-7

暖色系のブラウン(明)

<span class="WMS_fc_wBrown_Light">テキスト</span> .WMS_fc_wBrown_Light {color:#a67c52;}
H-8

暖色系のブラウン

<span class="WMS_fc_wBrown_Pure">テキスト</span> .WMS_fc_wBrown_Pure {color:#8c6239;}
H-9

暖色系のブラウン(暗)

<span class="WMS_fc_wBrown_Dim">テキスト</span> .WMS_fc_wBrown_Dim {color:#754c24;}
H-10

暖色系のブラウン(より暗い)

<span class="WMS_fc_wBrown_Dark">テキスト</span> .WMS_fc_wBrown_Dark {color:#603913;}