カラーコードが一目でわかるWEB色見本

この記事を読むのに必要な時間は約 66 分です。

目 次

色コードサンプル

色にマウスを合わせると詳細や合わせやすい色などがわかるようになっています。 WEBで使える色コードが一目でわかるようになってます。
[simple_tooltip content=' black #000000 HTML Color Name R:0 G:0 B:0 H:0 S:0 B:0 L*:0 a*:0 b*:0 C:92% M:88% Y:89% K:80% blackの配色パターン 色の組み合わせ 同一色相、同一彩度の配色 明度に変化を持たせた配色 ■#000000 ■#333333 ■#666666 ■#999999 ■#cccccc ■#ffffff ']black #000000[/simple_tooltip] [simple_tooltip content=' aliceblue #f0f8ff HTML Color Name R:240 G:248 B:255 H:208 S:6 B:100 L*:97.17 a*:-1.34 b*:-4.25 C:7% M:2% Y:0% K:0% aliceblueの配色パターン 色の組み合わせ キーカラーKey Color 配色の基準となる色 ■#f0f8ff 同一色相、同一彩度の配色 明度に変化を持たせた配色 ■#f0f8ff ■#303233 ■#606366 ■#909599 ■#c0c6cc ■#f0f8ff 同一色相、同一明度の配色 彩度に変化を持たせた配色 #f0f8ff ■#cce7ff ■#99cfff ■#66b8ff ■#33a0ff ■#0088ff コンプリメンタリー配色Complementary 色相環の正反対にある色同士の配色 ■#f0f8ff ■#fff7f0 トライアド配色Triads 色相環を正三角形で3等分した位置にある3色の配色 ■#f0f8ff ■#fff0f8 ■#f8fff0 アナロガス配色Analogous 色相環で隣り合う色を組み合わせた配色 ■#f0fff7 ■#f0f8ff ■#f7f0ff スプリット・コンプリメンタリー配色Split Complementary 基準色とその補色の類似色を使った配色 ■#f0f8ff ■#fff0f0 ■#fffef0 テトラード配色(長方形)Tetrad 色相環を長方形に4分した位置にある4色の配色 ■#f0f8ff ■#fff0f8 ■#fff7f0 ■#f0fff7 テトラード配色(正方形)Tetrad 色相環を正方形に4等分した位置にある4色の配色 ■#f0f8ff ■#fef0ff ■#fff7f0 ■#f0fff0 ペンタード配色Pentad 色相環を正五角形で5等分した位置にある5色の配色 ■#f0f8ff ■#faf0ff ■#fff0f2 ■#fefff0 ■#f0fff4 ヘクサード配色Hexad 色相環を正六角形で6等分した位置にある6色の配色 ■#f0f8ff ■#f7f0ff ■#fff0f8 ■#fff7f0 ■#f8fff0 ■#f0fff7 ']aliceblue #f0f8ff[/simple_tooltip] [simple_tooltip content='darkcyan #008b8b HTML Color Name R:0 G:139 B:139 H:180 S:100 B:55 L*:52.2 a*:-30.61 b*:-8.99 C:82% M:34% Y:49% K:0%']darkcyan #008b8b[/simple_tooltip] [simple_tooltip content='lightyellow #ffffe0 HTML Color Name R:255 G:255 B:224 H:60 S:12 B:100 L*:99.28 a*:-5.1 b*:14.84 C:2% M:0% Y:18% K:0% ']lightyellow #ffffe0[/simple_tooltip] [simple_tooltip content='coral #ff7f50 HTML Color Name R:255 G:127 B:80 H:16 S:69 B:100 L*:67.29 a*:45.35 b*:47.49 C:0% M:64% Y:65% K:0% ']coral #ff7f50[/simple_tooltip]
[simple_tooltip content='dimgray #696969 HTML Color Name R:105 G:105 B:105 H:0 S:0 B:41 L*:44.41 a*:0 b*:0 C:66% M:58% Y:55% K:5%']dimgray #696969[/simple_tooltip] [simple_tooltip content='lavender #e6e6fa HTML Color Name R:230 G:230 B:250 H:240 S:8 B:98 L*:91.82 a*:3.71 b*:-9.65 C:11% M:11% Y:0% K:0%']lavender #e6e6fa[/simple_tooltip] [simple_tooltip content='teal #008080 HTML Color Name R:0 G:128 B:128 H:180 S:100 B:50 L*:48.25 a*:-28.84 b*:-8.47 C:84% M:40% Y:53% K:0%']teal #008080[/simple_tooltip] [simple_tooltip content='lightgoldenrodyellow #fafad2 HTML Color Name R:250 G:250 B:210 H:60 S:16 B:98 L*:97.36 a*:-6.47 b*:19.24 C:5% M:1% Y:25% K:0%']lightgoldenrodyellow #fafad2[/simple_tooltip] [simple_tooltip content='tomato #ff6347 HTML Color Name R:255 G:99 B:71 H:9 S:72 B:100 L*:62.2 a*:57.85 b*:46.42 C:0% M:75% Y:67% K:0%']tomato #ff6347[/simple_tooltip]
[simple_tooltip content='gray #808080 HTML Color Name R:128 G:128 B:128 H:0 S:0 B:50 L*:53.58 a*:0 b*:0 C:57% M:49% Y:46% K:0%']gray #808080[/simple_tooltip] [simple_tooltip content='lightsteelblue #b0c4de HTML Color Name R:176 G:196 B:222 H:214 S:21 B:87 L*:78.45 a*:-1.27 b*:-15.2 C:35% M:19% Y:8% K:0%']lightsteelblue #b0c4de[/simple_tooltip] [simple_tooltip content='darkslategray #2f4f4f HTML Color Name R:47 G:79 B:79 H:180 S:41 B:31 L*:31.25 a*:-11.71 b*:-3.72 C:84% M:64% Y:65% K:23%']darkslategray #2f4f4f[/simple_tooltip] [simple_tooltip content='lemonchiffon #fffacd HTML Color Name R:255 G:250 B:205 H:54 S:20 B:100 L*:97.64 a*:-5.42 b*:22.23 C:2% M:3% Y:27% K:0%']lemonchiffon #fffacd[/simple_tooltip] [simple_tooltip content='orangered #ff4500 HTML Color Name R:255 G:69 B:0 H:16 S:100 B:100 L*:57.58 a*:67.78 b*:68.96 C:0% M:85% Y:94% K:0%']orangered #ff4500[/simple_tooltip]
[simple_tooltip content='darkgray #a9a9a9 HTML Color Name R:169 G:169 B:169 H:0 S:0 B:66 L*:69.23 a*:0 b*:0 C:38% M:32% Y:30% K:0%']darkgray #a9a9a9[/simple_tooltip] [simple_tooltip content='lightslategray #778899 HTML Color Name R:119 G:136 B:153 H:210 S:22 B:60 L*:55.91 a*:-2.24 b*:-11.1 C:60% M:44% Y:34% K:0%']lightslategray #778899[/simple_tooltip] [simple_tooltip content='darkgreen #006400 HTML Color Name R:0 G:100 B:0 H:120 S:100 B:39 L*:36.2 a*:-43.36 b*:41.85 C:88% M:50% Y:100% K:17%']darkgreen #006400[/simple_tooltip] [simple_tooltip content='wheat #f5deb3 HTML Color Name R:245 G:222 B:179 H:39 S:27 B:96 L*:89.35 a*:1.51 b*:24.01 C:5% M:17% Y:34% K:0%']wheat #f5deb3[/simple_tooltip] [simple_tooltip content='red #ff0000 HTML Color Name R:255 G:0 B:0 H:360 S:100 B:100 L*:53.24 a*:80.09 b*:67.2 C:0% M:97% Y:94% K:0%']red #ff0000[/simple_tooltip]
[simple_tooltip content='silver #c0c0c0 HTML Color Name R:192 G:192 B:192 H:0 S:0 B:75 L*:77.7 a*:0 b*:0 C:28% M:23% Y:22% K:0%']silver #c0c0c0[/simple_tooltip] [simple_tooltip content='slategray #708090 HTML Color Name R:112 G:128 B:144 H:210 S:22 B:56 L*:52.83 a*:-2.14 b*:-10.56 C:63% M:48% Y:37% K:0% ']slategray #708090[/simple_tooltip] [simple_tooltip content='green #008000 HTML Color Name R:0 G:128 B:0 H:120 S:100 B:50 L*:46.22 a*:-51.69 b*:49.89 C:85% M:38% Y:100% K:2%']green #008000[/simple_tooltip] [simple_tooltip content='burlywood #deb887 HTML Color Name R:222 G:184 B:135 H:34 S:39 B:87 L*:77.01 a*:7.05 b*:30.02 C:16% M:32% Y:50% K:0%']burlywood #deb887[/simple_tooltip] [simple_tooltip content='crimson #dc143c HTML Color Name R:220 G:20 B:60 H:348 S:91 B:86 L*:47.03 a*:70.92 b*:33.6 C:15% M:98% Y:73% K:0%']crimson #dc143c[/simple_tooltip]
[simple_tooltip content='lightgray #d3d3d3 HTML Color Name R:211 G:211 B:211 H:0 S:0 B:83 L*:84.55 a*:0 b*:0 C:20% M:16% Y:15% K:0%']lightgray #d3d3d3[/simple_tooltip] [simple_tooltip content='steelblue #4682b4 HTML Color Name R:70 G:130 B:180 H:207 S:61 B:71 L*:52.46 a*:-4.07 b*:-32.18 C:74% M:45% Y:17% K:0%']steelblue #4682b4[/simple_tooltip] [simple_tooltip content='forestgreen #228b22 HTML Color Name R:34 G:139 B:34 H:120 S:76 B:55 L*:50.59 a*:-49.58 b*:45.01 C:81% M:32% Y:100% K:0%']forestgreen #228b22[/simple_tooltip] [simple_tooltip content='tan #d2b48c HTML Color Name R:210 G:180 B:140 H:34 S:33 B:82 L*:74.97 a*:5.02 b*:24.43 C:22% M:33% Y:47% K:0%']tan #d2b48c[/simple_tooltip] [simple_tooltip content='mediumvioletred #c71585 HTML Color Name R:199 G:21 B:133 H:322 S:89 B:78 L*:44.76 a*:70.99 b*:-15.16 C:28% M:96% Y:12% K:0%']mediumvioletred #c71585[/simple_tooltip]
[simple_tooltip content='gainsboro #dcdcdc HTML Color Name R:220 G:220 B:220 H:0 S:0 B:86 L*:87.76 a*:0 b*:0 C:16% M:13% Y:12% K:0%']gainsboro #dcdcdc[/simple_tooltip] [simple_tooltip content='royalblue #4169e1 HTML Color Name R:65 G:105 B:225 H:225 S:71 B:88 L*:47.83 a*:26.26 b*:-65.25 C:79% M:60% Y:0% K:0%']royalblue #4169e1[/simple_tooltip] [simple_tooltip content='seagreen #2e8b57 HTML Color Name R:46 G:139 B:87 H:146 S:67 B:55 L*:51.53 a*:-39.71 b*:20.05 C:79% M:33% Y:81% K:0%']seagreen #2e8b57[/simple_tooltip] [simple_tooltip content='khaki #f0e68c HTML Color Name R:240 G:230 B:140 H:54 S:42 B:94 L*:90.32 a*:-9 b*:44.98 C:11% M:9% Y:54% K:0%']khaki #f0e68c[/simple_tooltip] [simple_tooltip content='deeppink #ff1493 HTML Color Name R:255 G:20 B:147 H:328 S:92 B:100 L*:55.96 a*:84.54 b*:-5.69 C:0% M:92% Y:1% K:0%']deeppink #ff1493[/simple_tooltip]
[simple_tooltip content='whitesmoke #f5f5f5 HTML Color Name R:245 G:245 B:245 H:0 S:0 B:96 L*:96.53 a*:0 b*:0 C:4% M:4% Y:4% K:0%']whitesmoke #f5f5f5[/simple_tooltip] [simple_tooltip content='midnightblue #191970 HTML Color Name R:25 G:25 B:112 H:240 S:78 B:44 L*:15.85 a*:31.71 b*:-49.57 C:100% M:100% Y:50% K:2%']midnightblue #191970[/simple_tooltip] [simple_tooltip content='mediumseagreen #3cb371 HTML Color Name R:60 G:179 B:113 H:147 S:66 B:70 L*:65.27 a*:-48.21 b*:24.29 C:71% M:7% Y:71% K:0%']mediumseagreen #3cb371[/simple_tooltip] [simple_tooltip content='yellow #ffff00 HTML Color Name R:255 G:255 B:0 H:60 S:100 B:100 L*:97.13 a*:-21.55 b*:94.48 C:10% M:0% Y:83% K:0%']yellow #ffff00[/simple_tooltip] [simple_tooltip content='hotpink #ff69b4 HTML Color Name R:255 G:105 B:180 H:330 S:59 B:100 L*:65.48 a*:64.24 b*:-10.64 C:1% M:73% Y:0% K:0%']hotpink #ff69b4[/simple_tooltip]
[simple_tooltip content='white #ffffff HTML Color Name R:255 G:255 B:255 H:0 S:0 B:100 L*:100 a*:0 b*:0 C:0% M:0% Y:0% K:0%']white #ffffff[/simple_tooltip] [simple_tooltip content='navy #000080 HTML Color Name R:0 G:0 B:128 H:240 S:100 B:50 L*:12.97 a*:47.5 b*:-64.69 C:100% M:100% Y:51% K:2%']navy #000080[/simple_tooltip] [simple_tooltip content='mediumaquamarine #66cdaa HTML Color Name R:102 G:205 B:170 H:160 S:50 B:80 L*:75.69 a*:-38.33 b*:8.31 C:59% M:0% Y:45% K:0%']mediumaquamarine #66cdaa[/simple_tooltip] [simple_tooltip content='gold #ffd700 HTML Color Name R:255 G:215 B:0 H:51 S:100 B:100 L*:86.93 a*:-1.92 b*:87.13 C:5% M:19% Y:89% K:0%']gold #ffd700[/simple_tooltip] [simple_tooltip content='palevioletred #db7093 HTML Color Name R:219 G:112 B:147 H:340 S:49 B:86 L*:60.56 a*:45.52 b*:0.4 C:17% M:69% Y:23% K:0%']palevioletred #db7093[/simple_tooltip]
[simple_tooltip content='snow #fffafa HTML Color Name R:255 G:250 B:250 H:360 S:2 B:100 L*:98.64 a*:1.66 b*:0.59 C:0% M:4% Y:2% K:0%']snow #fffafa[/simple_tooltip] [simple_tooltip content='darkblue #00008b HTML Color Name R:0 G:0 B:139 H:240 S:100 B:55 L*:14.75 a*:50.42 b*:-68.67 C:100% M:99% Y:45% K:0%']darkblue #00008b[/simple_tooltip] [simple_tooltip content='darkseagreen #8fbc8f HTML Color Name R:143 G:188 B:143 H:120 S:24 B:74 L*:72.08 a*:-23.81 b*:18.04 C:50% M:14% Y:52% K:0%']darkseagreen #8fbc8f[/simple_tooltip] [simple_tooltip content='orange #ffa500 HTML Color Name R:255 G:165 B:0 H:39 S:100 B:100 L*:74.93 a*:23.93 b*:78.95 C:0% M:46% Y:91% K:0%']orange #ffa500[/simple_tooltip] [simple_tooltip content='pink #ffc0cb HTML Color Name R:255 G:192 B:203 H:350 S:25 B:100 L*:83.58 a*:24.14 b*:3.33 C:0% M:36% Y:11% K:0%']pink #ffc0cb[/simple_tooltip]
[simple_tooltip content='ghostwhite #f8f8ff HTML Color Name R:248 G:248 B:255 H:240 S:3 B:100 L*:97.75 a*:1.25 b*:-3.34 C:3% M:4% Y:0% K:0%']ghostwhite #f8f8ff[/simple_tooltip] [simple_tooltip content='mediumblue #0000cd HTML Color Name R:0 G:0 B:205 H:240 S:100 B:80 L*:24.97 a*:67.17 b*:-91.49 C:97% M:85% Y:0% K:0%']mediumblue #0000cd[/simple_tooltip] [simple_tooltip content='aquamarine #7fffd4 HTML Color Name R:127 G:255 B:212 H:160 S:50 B:100 L*:92.03 a*:-45.52 b*:9.72 C:45% M:0% Y:33% K:0%']aquamarine #7fffd4[/simple_tooltip] [simple_tooltip content='sandybrown #f4a460 HTML Color Name R:244 G:164 B:96 H:28 S:61 B:96 L*:73.95 a*:23.02 b*:46.79 C:5% M:46% Y:64% K:0%']sandybrown #f4a460[/simple_tooltip] [simple_tooltip content='lightpink #ffb6c1 HTML Color Name R:255 G:182 B:193 H:351 S:29 B:100 L*:81.05 a*:27.96 b*:5.04 C:0% M:41% Y:14% K:0%']lightpink #ffb6c1[/simple_tooltip]
[simple_tooltip content='floralwhite #fffaf0 HTML Color Name R:255 G:250 B:240 H:40 S:6 B:100 L*:98.4 a*:-0.03 b*:5.38 C:0% M:4% Y:8% K:0%']floralwhite #fffaf0[/simple_tooltip] [simple_tooltip content='blue #0000ff HTML Color Name R:0 G:0 B:255 H:240 S:100 B:100 L*:32.29 a*:79.18 b*:-107.85 C:92% M:75% Y:0% K:0%']blue #0000ff[/simple_tooltip] [simple_tooltip content='palegreen #98fb98 HTML Color Name R:152 G:251 B:152 H:120 S:39 B:98 L*:90.74 a*:-48.29 b*:38.53 C:42% M:0% Y:55% K:0%']palegreen #98fb98[/simple_tooltip] [simple_tooltip content='darkorange #ff8c00 HTML Color Name R:255 G:140 B:0 H:33 S:100 B:100 L*:69.48 a*:36.82 b*:75.48 C:0% M:58% Y:91% K:0%']darkorange #ff8c00[/simple_tooltip] [simple_tooltip content='thistle #d8bfd8 HTML Color Name R:216 G:191 B:216 H:300 S:12 B:85 L*:80.07 a*:13.22 b*:-9.22 C:18% M:30% Y:5% K:0%']thistle #d8bfd8[/simple_tooltip]
[simple_tooltip content='linen #faf0e6 HTML Color Name R:250 G:240 B:230 H:30 S:8 B:98 L*:95.31 a*:1.68 b*:6.02 C:2% M:8% Y:11% K:0%']linen #faf0e6[/simple_tooltip] [simple_tooltip content='dodgerblue #1e90ff HTML Color Name R:30 G:144 B:255 H:210 S:88 B:100 L*:59.37 a*:9.96 b*:-63.38 C:74% M:40% Y:0% K:0%']dodgerblue #1e90ff[/simple_tooltip] [simple_tooltip content='lightgreen #90ee90 HTML Color Name R:144 G:238 B:144 H:120 S:39 B:93 L*:86.54 a*:-46.32 b*:36.95 C:46% M:0% Y:58% K:0%']lightgreen #90ee90[/simple_tooltip] [simple_tooltip content='goldenrod #daa520 HTML Color Name R:218 G:165 B:32 H:43 S:85 B:85 L*:70.81 a*:8.52 b*:68.76 C:20% M:40% Y:92% K:0%']goldenrod #daa520[/simple_tooltip] [simple_tooltip content='magenta #ff00ff HTML Color Name R:255 G:0 B:255 H:300 S:100 B:100 L*:60.32 a*:98.23 b*:-60.81 C:37% M:77% Y:0% K:0%']magenta #ff00ff[/simple_tooltip]
[simple_tooltip content='antiquewhite #faebd7 HTML Color Name R:250 G:235 B:215 H:34 S:14 B:98 L*:93.73 a*:1.84 b*:11.53 C:2% M:11% Y:18% K:0%']antiquewhite #faebd7[/simple_tooltip] [simple_tooltip content='cornflowerblue #6495ed HTML Color Name R:100 G:149 B:237 H:219 S:58 B:93 L*:61.92 a*:9.33 b*:-49.29 C:64% M:38% Y:0% K:0%']cornflowerblue #6495ed[/simple_tooltip] [simple_tooltip content='springgreen #00ff7f HTML Color Name R:0 G:255 B:127 H:150 S:100 B:100 L*:88.47 a*:-76.89 b*:47.03 C:59% M:0% Y:70% K:0%']springgreen #00ff7f[/simple_tooltip] [simple_tooltip content='peru #cd853f HTML Color Name R:205 G:133 B:63 H:30 S:69 B:80 L*:61.75 a*:21.39 b*:47.92 C:25% M:56% Y:81% K:0%']peru #cd853f[/simple_tooltip] [simple_tooltip content='fuchsia #ff00ff HTML Color Name R:255 G:0 B:255 H:300 S:100 B:100 L*:60.32 a*:98.23 b*:-60.81 C:37% M:77% Y:0% K:0%']fuchsia #ff00ff[/simple_tooltip]
[simple_tooltip content='papayawhip #ffefd5 HTML Color Name R:255 G:239 B:213 H:37 S:16 B:100 L*:95.07 a*:1.27 b*:14.53 C:0% M:10% Y:20% K:0% ']papayawhip #ffefd5[/simple_tooltip] [simple_tooltip content='deepskyblue #00bfff HTML Color Name R:0 G:191 B:255 H:195 S:100 B:100 L*:72.54 a*:-17.65 b*:-42.53 C:67% M:8% Y:0% K:0%']deepskyblue #00bfff[/simple_tooltip] [simple_tooltip content='mediumspringgreen #00fa9a HTML Color Name R:0 G:250 B:154 H:157 S:100 B:98 L*:87.33 a*:-70.68 b*:32.46 C:60% M:0% Y:59% K:0%']mediumspringgreen #00fa9a[/simple_tooltip] [simple_tooltip content='darkgoldenrod #b8860b HTML Color Name R:184 G:134 B:11 H:43 S:94 B:72 L*:59.22 a*:9.86 b*:62.73 C:36% M:52% Y:100% K:0%']darkgoldenrod #b8860b[/simple_tooltip] [simple_tooltip content='violet #ee82ee HTML Color Name R:238 G:130 B:238 H:300 S:45 B:93 L*:69.69 a*:56.35 b*:-36.8 C:25% M:55% Y:0% K:0%']violet #ee82ee[/simple_tooltip]
[simple_tooltip content='blanchedalmond #ffebcd HTML Color Name R:255 G:235 B:205 H:36 S:20 B:100 L*:93.92 a*:2.13 b*:17.03 C:0% M:12% Y:23% K:0%']blanchedalmond #ffebcd[/simple_tooltip] [simple_tooltip content='lightskyblue #87cefa HTML Color Name R:135 G:206 B:250 H:203 S:46 B:98 L*:79.72 a*:-10.82 b*:-28.49 C:48% M:8% Y:0% K:0%']lightskyblue #87cefa[/simple_tooltip] [simple_tooltip content='lawngreen #7cfc00 HTML Color Name R:124 G:252 B:0 H:90 S:100 B:99 L*:88.87 a*:-67.85 b*:84.95 C:50% M:0% Y:99% K:0%']lawngreen #7cfc00[/simple_tooltip] [simple_tooltip content='chocolate #d2691e HTML Color Name R:210 G:105 B:30 H:25 S:86 B:82 L*:55.99 a*:37.05 b*:56.74 C:22% M:71% Y:96% K:0%']chocolate #d2691e[/simple_tooltip] [simple_tooltip content='plum #dda0dd HTML Color Name R:221 G:160 B:221 H:300 S:28 B:87 L*:73.37 a*:32.53 b*:-21.98 C:20% M:45% Y:0% K:0%']plum #dda0dd[/simple_tooltip]
[simple_tooltip content='bisque #ffe4c4 HTML Color Name R:255 G:228 B:196 H:33 S:23 B:100 L*:92.01 a*:4.43 b*:19.01 C:0% M:16% Y:26% K:0%']bisque #ffe4c4[/simple_tooltip] [simple_tooltip content='skyblue #87ceeb HTML Color Name R:135 G:206 B:235 H:197 S:43 B:92 L*:79.2 a*:-14.83 b*:-21.27 C:49% M:7% Y:9% K:0%']skyblue #87ceeb[/simple_tooltip] [simple_tooltip content='chartreuse #7fff00 HTML Color Name R:127 G:255 B:0 H:90 S:100 B:100 L*:89.87 a*:-68.06 b*:85.78 C:50% M:0% Y:99% K:0%']chartreuse #7fff00[/simple_tooltip] [simple_tooltip content='sienna #a0522d HTML Color Name R:160 G:82 B:45 H:19 S:72 B:63 L*:43.79 a*:29.32 b*:35.64 C:43% M:77% Y:94% K:7%']sienna #a0522d[/simple_tooltip] [simple_tooltip content='orchid #da70d6 HTML Color Name R:218 G:112 B:214 H:302 S:49 B:85 L*:62.8 a*:55.28 b*:-34.39 C:30% M:64% Y:0% K:0%']orchid #da70d6[/simple_tooltip]
[simple_tooltip content='moccasin #ffe4b5 HTML Color Name R:255 G:228 B:181 H:38 S:29 B:100 L*:91.72 a*:2.44 b*:26.36 C:0% M:15% Y:34% K:0%']moccasin #ffe4b5[/simple_tooltip] [simple_tooltip content='lightblue #add8e6 HTML Color Name R:173 G:216 B:230 H:195 S:25 B:90 L*:83.81 a*:-10.88 b*:-11.47 C:37% M:7% Y:11% K:0%']lightblue #add8e6[/simple_tooltip] [simple_tooltip content='greenyellow #adff2f HTML Color Name R:173 G:255 B:47 H:84 S:82 B:100 L*:91.95 a*:-52.47 b*:81.86 C:39% M:0% Y:88% K:0%']greenyellow #adff2f[/simple_tooltip] [simple_tooltip content='saddlebrown #8b4513 HTML Color Name R:139 G:69 B:19 H:25 S:86 B:55 L*:37.46 a*:26.44 b*:40.98 C:49% M:80% Y:100% K:17%']saddlebrown #8b4513[/simple_tooltip] [simple_tooltip content='mediumorchid #ba55d3 HTML Color Name R:186 G:85 B:211 H:288 S:60 B:83 L*:53.64 a*:59.06 b*:-47.39 C:48% M:72% Y:0% K:0%']mediumorchid #ba55d3[/simple_tooltip]
[simple_tooltip content='navajowhite #ffdead HTML Color Name R:255 G:222 B:173 H:36 S:32 B:100 L*:90.1 a*:4.51 b*:28.27 C:1% M:19% Y:36% K:0%']navajowhite #ffdead[/simple_tooltip] [simple_tooltip content='powderblue #b0e0e6 HTML Color Name R:176 G:224 B:230 H:187 S:23 B:90 L*:86.13 a*:-14.08 b*:-8 C:36% M:2% Y:14% K:0%']powderblue #b0e0e6[/simple_tooltip] [simple_tooltip content='lime #00ff00 HTML Color Name R:0 G:255 B:0 H:120 S:100 B:100 L*:87.73 a*:-86.18 b*:83.18 C:61% M:0% Y:100% K:0%']lime #00ff00[/simple_tooltip] [simple_tooltip content='maroon #800000 HTML Color Name R:128 G:0 B:0 H:360 S:100 B:50 L*:25.53 a*:48.04 b*:38.05 C:49% M:100% Y:100% K:28%']maroon #800000[/simple_tooltip] [simple_tooltip content='darkorchid #9932cc HTML Color Name R:153 G:50 B:204 H:280 S:75 B:80 L*:43.38 a*:65.15 b*:-60.09 C:62% M:82% Y:0% K:0%']darkorchid #9932cc[/simple_tooltip]
[simple_tooltip content='peachpuff #ffdab9 HTML Color Name R:255 G:218 B:185 H:28 S:27 B:100 L*:89.35 a*:8.08 b*:21.02 C:0% M:21% Y:29% K:0%']peachpuff #ffdab9[/simple_tooltip] [simple_tooltip content='paleturquoise #afeeee HTML Color Name R:175 G:238 B:238 H:180 S:26 B:93 L*:90.05 a*:-19.63 b*:-6.39 C:35% M:0% Y:14% K:0%']paleturquoise #afeeee[/simple_tooltip] [simple_tooltip content='limegreen #32cd32 HTML Color Name R:50 G:205 B:50 H:120 S:76 B:80 L*:72.6 a*:-67.12 b*:61.43 C:67% M:0% Y:95% K:0%']limegreen #32cd32[/simple_tooltip] [simple_tooltip content='darkred #8b0000 HTML Color Name R:139 G:0 B:0 H:360 S:100 B:55 L*:28.08 a*:51 b*:41.29 C:47% M:100% Y:100% K:21%']darkred #8b0000[/simple_tooltip] [simple_tooltip content='darkviolet #9400d3 HTML Color Name R:148 G:0 B:211 H:282 S:100 B:83 L*:39.57 a*:76.32 b*:-70.36 C:66% M:86% Y:0% K:0%']darkviolet #9400d3[/simple_tooltip]
[simple_tooltip content='mistyrose #ffe4e1 HTML Color Name R:255 G:228 B:225 H:6 S:12 B:100 L*:92.65 a*:8.75 b*:4.84 C:0% M:17% Y:9% K:0%']mistyrose #ffe4e1[/simple_tooltip] [simple_tooltip content='lightcyan #e0ffff HTML Color Name R:224 G:255 B:255 H:180 S:12 B:100 L*:97.86 a*:-9.94 b*:-3.36 C:14% M:0% Y:5% K:0%']lightcyan #e0ffff[/simple_tooltip] [simple_tooltip content='yellowgreen #9acd32 HTML Color Name R:154 G:205 B:50 H:80 S:76 B:80 L*:76.53 a*:-37.98 b*:66.58 C:48% M:3% Y:92% K:0%']yellowgreen #9acd32[/simple_tooltip] [simple_tooltip content='brown #a52a2a HTML Color Name R:165 G:42 B:42 H:360 S:75 B:65 L*:37.52 a*:49.69 b*:30.54 C:41% M:96% Y:95% K:7%']brown #a52a2a[/simple_tooltip] [simple_tooltip content='darkmagenta #8b008b HTML Color Name R:139 G:0 B:139 H:300 S:100 B:55 L*:32.6 a*:62.55 b*:-38.72 C:59% M:100% Y:7% K:0%']darkmagenta #8b008b[/simple_tooltip]
[simple_tooltip content='lavenderblush #fff0f5 HTML Color Name R:255 G:240 B:245 H:340 S:6 B:100 L*:96.06 a*:5.89 b*:-0.58 C:0% M:10% Y:2% K:0%']lavenderblush #fff0f5[/simple_tooltip] [simple_tooltip content='cyan #00ffff HTML Color Name R:0 G:255 B:255 H:180 S:100 B:100 L*:91.11 a*:-48.08 b*:-14.12 C:55% M:0% Y:18% K:0%']cyan #00ffff[/simple_tooltip] [simple_tooltip content='darkolivegreen #556b2f HTML Color Name R:85 G:107 B:47 H:82 S:56 B:42 L*:42.23 a*:-18.82 b*:30.6 C:72% M:51% Y:100% K:13%']darkolivegreen #556b2f[/simple_tooltip] [simple_tooltip content='firebrick #b22222 HTML Color Name R:178 G:34 B:34 H:360 S:81 B:70 L*:39.11 a*:55.91 b*:37.65 C:37% M:99% Y:100% K:3%']firebrick #b22222[/simple_tooltip] [simple_tooltip content='purple #800080 HTML Color Name R:128 G:0 B:128 H:300 S:100 B:50 L*:29.78 a*:58.92 b*:-36.48 C:65% M:100% Y:18% K:0%']purple #800080[/simple_tooltip]
[simple_tooltip content='seashell #fff5ee HTML Color Name R:255 G:245 B:238 H:25 S:7 B:100 L*:97.12 a*:2.16 b*:4.55 C:0% M:7% Y:7% K:0%']seashell #fff5ee[/simple_tooltip] [simple_tooltip content='aqua #00ffff HTML Color Name R:0 G:255 B:255 H:180 S:100 B:100 L*:91.11 a*:-48.08 b*:-14.12 C:55% M:0% Y:18% K:0%']aqua #00ffff[/simple_tooltip] [simple_tooltip content='olivedrab #6b8e23 HTML Color Name R:107 G:142 B:35 H:80 S:75 B:56 L*:54.65 a*:-28.21 b*:49.69 C:66% M:36% Y:100% K:0%']olivedrab #6b8e23[/simple_tooltip] [simple_tooltip content='indianred #cd5c5c HTML Color Name R:205 G:92 B:92 H:360 S:55 B:80 L*:53.39 a*:44.83 b*:22.11 C:24% M:77% Y:57% K:0%']indianred #cd5c5c[/simple_tooltip] [simple_tooltip content='indigo #4b0082 HTML Color Name R:75 G:0 B:130 H:275 S:100 B:51 L*:20.46 a*:51.68 b*:-53.3 C:88% M:100% Y:32% K:0%']indigo #4b0082[/simple_tooltip]
[simple_tooltip content='oldlace #fdf5e6 HTML Color Name R:253 G:245 B:230 H:39 S:9 B:99 L*:96.78 a*:0.17 b*:8.17 C:1% M:6% Y:12% K:0%']oldlace #fdf5e6[/simple_tooltip] [simple_tooltip content='turquoise #40e0d0 HTML Color Name R:64 G:224 B:208 H:174 S:71 B:88 L*:81.26 a*:-44.07 b*:-4.02 C:60% M:0% Y:32% K:0%']turquoise #40e0d0[/simple_tooltip] [simple_tooltip content='olive #808000 HTML Color Name R:128 G:128 B:0 H:60 S:100 B:50 L*:51.86 a*:-12.92 b*:56.67 C:59% M:47% Y:100% K:3%']olive #808000[/simple_tooltip] [simple_tooltip content='rosybrown #bc8f8f HTML Color Name R:188 G:143 B:143 H:360 S:24 B:74 L*:63.6 a*:17.01 b*:6.61 C:32% M:50% Y:37% K:0%']rosybrown #bc8f8f[/simple_tooltip] [simple_tooltip content='darkslateblue #483d8b HTML Color Name R:72 G:61 B:139 H:248 S:56 B:55 L*:30.82 a*:26.05 b*:-42.07 C:84% M:87% Y:18% K:0%']darkslateblue #483d8b[/simple_tooltip]
[simple_tooltip content='ivory #fffff0 HTML Color Name R:255 G:255 B:240 H:60 S:6 B:100 L*:99.63 a*:-2.54 b*:7.16 C:0% M:0% Y:9% K:0%']ivory #fffff0[/simple_tooltip] [simple_tooltip content='mediumturquoise #48d1cc HTML Color Name R:72 G:209 B:204 H:178 S:66 B:82 L*:76.88 a*:-37.35 b*:-8.35 C:63% M:0% Y:31% K:0%']mediumturquoise #48d1cc[/simple_tooltip] [simple_tooltip content='darkkhaki #bdb76b HTML Color Name R:189 G:183 B:107 H:56 S:43 B:74 L*:73.38 a*:-8.78 b*:39.29 C:33% M:26% Y:66% K:0%']darkkhaki #bdb76b[/simple_tooltip] [simple_tooltip content='darksalmon #e9967a HTML Color Name R:233 G:150 B:122 H:15 S:48 B:91 L*:69.85 a*:28.17 b*:27.71 C:10% M:52% Y:49% K:0%']darksalmon #e9967a[/simple_tooltip] [simple_tooltip content='blueviolet #8a2be2 HTML Color Name R:138 G:43 B:226 H:271 S:81 B:89 L*:42.18 a*:69.84 b*:-74.75 C:70% M:81% Y:0% K:0%']blueviolet #8a2be2[/simple_tooltip]
[simple_tooltip content='honeydew #f0fff0 HTML Color Name R:240 G:255 B:240 H:120 S:6 B:100 L*:98.56 a*:-7.56 b*:5.48 C:8% M:0% Y:11% K:0%']honeydew #f0fff0[/simple_tooltip] [simple_tooltip content='darkturquoise #00ced1 HTML Color Name R:0 G:206 B:209 H:181 S:100 B:82 L*:75.29 a*:-40.04 b*:-13.5 C:68% M:0% Y:29% K:0%']darkturquoise #00ced1[/simple_tooltip] [simple_tooltip content='palegoldenrod #eee8aa HTML Color Name R:238 G:232 B:170 H:55 S:29 B:93 L*:91.14 a*:-7.34 b*:30.97 C:11% M:8% Y:41% K:0%']palegoldenrod #eee8aa[/simple_tooltip] [simple_tooltip content='lightcoral #f08080 HTML Color Name R:240 G:128 B:128 H:360 S:47 B:94 L*:66.15 a*:42.81 b*:19.56 C:5% M:63% Y:40% K:0%']lightcoral #f08080[/simple_tooltip] [simple_tooltip content='mediumpurple #9370db HTML Color Name R:147 G:112 B:219 H:260 S:49 B:86 L*:54.97 a*:36.8 b*:-50.08 C:55% M:60% Y:0% K:0%']mediumpurple #9370db[/simple_tooltip]
[simple_tooltip content='mintcream #f5fffa HTML Color Name R:245 G:255 B:250 H:150 S:4 B:100 L*:99.15 a*:-4.15 b*:1.25 C:5% M:0% Y:5% K:0%']mintcream #f5fffa[/simple_tooltip] [simple_tooltip content='lightseagreen #20b2aa HTML Color Name R:32 G:178 B:170 H:177 S:82 B:70 L*:65.78 a*:-37.51 b*:-6.32 C:73% M:9% Y:42% K:0%']lightseagreen #20b2aa[/simple_tooltip] [simple_tooltip content='cornsilk #fff8dc HTML Color Name R:255 G:248 B:220 H:48 S:14 B:100 L*:97.45 a*:-2.21 b*:14.29 C:1% M:4% Y:18% K:0%']cornsilk #fff8dc[/simple_tooltip] [simple_tooltip content='salmon #fa8072 HTML Color Name R:250 G:128 B:114 H:6 S:54 B:98 L*:67.26 a*:45.22 b*:29.09 C:0% M:64% Y:47% K:0%']salmon #fa8072[/simple_tooltip] [simple_tooltip content='slateblue #6a5acd HTML Color Name R:106 G:90 B:205 H:248 S:56 B:80 L*:45.33 a*:36.04 b*:-57.76 C:72% M:69% Y:0% K:0%']slateblue #6a5acd[/simple_tooltip]
[simple_tooltip content='azure #f0ffff HTML Color Name R:240 G:255 B:255 H:180 S:6 B:100 L*:98.93 a*:-4.87 b*:-1.68 C:7% M:0% Y:3% K:0%']azure #f0ffff[/simple_tooltip] [simple_tooltip content='cadetblue #5f9ea0 HTML Color Name R:95 G:158 B:160 H:182 S:41 B:63 L*:61.15 a*:-19.67 b*:-7.41 C:66% M:28% Y:39% K:0%']cadetblue #5f9ea0[/simple_tooltip] [simple_tooltip content='beige #f5f5dc HTML Color Name R:245 G:245 B:220 H:60 S:10 B:96 L*:95.94 a*:-4.18 b*:12.05 C:6% M:4% Y:19% K:0%']beige #f5f5dc[/simple_tooltip] [simple_tooltip content='lightsalmon #ffa07a HTML Color Name R:255 G:160 B:122 H:17 S:52 B:100 L*:74.7 a*:31.48 b*:34.55 C:0% M:50% Y:49% K:0% ']lightsalmon #ffa07a[/simple_tooltip] [simple_tooltip content='mediumslateblue #7b68ee HTML Color Name R:123 G:104 B:238 H:249 S:56 B:93 L*:52.15 a*:41.07 b*:-65.39 C:68% M:63% Y:0% K:0%']mediumslateblue #7b68ee[/simple_tooltip]
 

色の指定方法

HTML例
<body bgcolor=”#ffffff”></body> <font color=”#0000ff”></font> <hr color=”#ff0000″>
 
CSS例
body {background: #ffffff;} p????? {color: #000000;}
 

WEBのことならくまはちLABにお任せください。

サービス 制作事例
お問い合わせ
]]>

くまはちLABのご利用ありがとうございます!くまはちLABの最新情報をフォローしてゲットしてください!