#bc2f6c
RGB ( 赤 = 188, 緑 = 47, 青 = 108 )
HSL ( 色相 = 334°, 彩度 = 60%, 明度 = 46% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #bc382f : -330
14 : #bc502f : -320
24 : #bc672f : -310
34 : #bc7f2f : -300
44 : #bc962f : -290
54 : #bcae2f : -280
64 : #b2bc2f : -270
74 : #9bbc2f : -260
84 : #83bc2f : -250
94 : #6cbc2f : -240
104 : #54bc2f : -230
114 : #3dbc2f : -220
124 : #2fbc38 : -210
134 : #2fbc50 : -200
144 : #2fbc67 : -190
154 : #2fbc7f : -180
164 : #2fbc96 : -170
174 : #2fbcae : -160
184 : #2fb2bc : -150
194 : #2f9bbc : -140
204 : #2f83bc : -130
214 : #2f6cbc : -120
224 : #2f54bc : -110
234 : #2f3dbc : -100
244 : #382fbc : -90
254 : #502fbc : -80
264 : #672fbc : -70
274 : #7f2fbc : -60
284 : #962fbc : -50
294 : #ae2fbc : -40
304 : #bc2fb2 : -30
314 : #bc2f9b : -20
324 : #bc2f83 : -10
334 : #bc2f6c : ±0
344 : #bc2f54 : +10
354 : #bc2f3d : +20
324 : #bc2f83 : -10
325 : #bc2f81 : -9
326 : #bc2f7f : -8
327 : #bc2f7c : -7
328 : #bc2f7a : -6
329 : #bc2f78 : -5
330 : #bc2f75 : -4
331 : #bc2f73 : -3
332 : #bc2f71 : -2
333 : #bc2f6e : -1
334 : #bc2f6c : ±0
335 : #bc2f6a : +1
336 : #bc2f67 : +2
337 : #bc2f65 : +3
338 : #bc2f63 : +4
339 : #bc2f60 : +5
340 : #bc2f5e : +6
341 : #bc2f5b : +7
342 : #bc2f59 : +8
343 : #bc2f57 : +9
344 : #bc2f54 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -60
2 : #787375 : -58
4 : #7a7175 : -56
6 : #7c6e74 : -54
8 : #7f6c74 : -52
10 : #816a74 : -50
12 : #836773 : -48
14 : #866573 : -46
16 : #886373 : -44
18 : #8a6072 : -42
20 : #8d5e72 : -40
22 : #8f5b72 : -38
24 : #915972 : -36
26 : #945771 : -34
28 : #965471 : -32
30 : #985271 : -30
32 : #9b5070 : -28
34 : #9d4d70 : -26
36 : #a04b70 : -24
38 : #a2496f : -22
40 : #a4466f : -20
42 : #a7446f : -18
44 : #a9426e : -16
46 : #ab3f6e : -14
48 : #ae3d6e : -12
50 : #b03b6d : -10
52 : #b2386d : -8
54 : #b5366d : -6
56 : #b7346d : -4
58 : #b9316c : -2
60 : #bc2f6c : ±0
62 : #be2d6c : +2
64 : #c02a6b : +4
66 : #c3286b : +6
68 : #c5266b : +8
70 : #c7236a : +10
72 : #ca216a : +12
74 : #cc1e6a : +14
76 : #ce1c69 : +16
78 : #d11a69 : +18
80 : #d31769 : +20
82 : #d51568 : +22
84 : #d81368 : +24
86 : #da1068 : +26
88 : #dd0e68 : +28
90 : #df0c67 : +30
92 : #e10967 : +32
94 : #e40767 : +34
96 : #e60566 : +36
98 : #e80266 : +38
100 : #eb0066 : +40
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #080205 : -44
4 : #100409 : -42
6 : #18060e : -40
8 : #210813 : -38
10 : #290a17 : -36
12 : #310c1c : -34
14 : #390e21 : -32
16 : #411026 : -30
18 : #49122a : -28
20 : #52142f : -26
22 : #5a1634 : -24
24 : #621838 : -22
26 : #6a1b3d : -20
28 : #721d42 : -18
30 : #7a1f46 : -16
32 : #83214b : -14
34 : #8b2350 : -12
36 : #932554 : -10
38 : #9b2759 : -8
40 : #a3295e : -6
42 : #ab2b63 : -4
44 : #b42d67 : -2
46 : #bc2f6c : ±0
48 : #c43171 : +2
50 : #cc3375 : +4
52 : #ce3b7b : +6
54 : #d04380 : +8
56 : #d24b86 : +10
58 : #d4548b : +12
60 : #d65c91 : +14
62 : #d86496 : +16
64 : #da6c9c : +18
66 : #dc74a1 : +20
68 : #de7ca7 : +22
70 : #e085ac : +24
72 : #e28db2 : +26
74 : #e495b7 : +28
76 : #e79dbd : +30
78 : #e9a5c2 : +32
80 : #ebadc8 : +34
82 : #edb6cd : +36
84 : #efbed3 : +38
86 : #f1c6d8 : +40
88 : #f3cede : +42
90 : #f5d6e3 : +44
92 : #f7dee9 : +46
94 : #f9e7ee : +48
96 : #fbeff4 : +50
98 : #fdf7f9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow