【主な仕様】カラーピッカー仕様表
カラーピッカー
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;} |
