#7b3255
RGB ( 赤 = 123, 緑 = 50, 青 = 85 )
HSL ( 色相 = 331°, 彩度 = 42%, 明度 = 34% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7b3332 : -330
11 : #7b4032 : -320
21 : #7b4c32 : -310
31 : #7b5832 : -300
41 : #7b6432 : -290
51 : #7b7032 : -280
61 : #7a7b32 : -270
71 : #6e7b32 : -260
81 : #627b32 : -250
91 : #557b32 : -240
101 : #497b32 : -230
111 : #3d7b32 : -220
121 : #327b33 : -210
131 : #327b40 : -200
141 : #327b4c : -190
151 : #327b58 : -180
161 : #327b64 : -170
171 : #327b70 : -160
181 : #327a7b : -150
191 : #326e7b : -140
201 : #32627b : -130
211 : #32557b : -120
221 : #32497b : -110
231 : #323d7b : -100
241 : #33327b : -90
251 : #40327b : -80
261 : #4c327b : -70
271 : #58327b : -60
281 : #64327b : -50
291 : #70327b : -40
301 : #7b327a : -30
311 : #7b326e : -20
321 : #7b3262 : -10
331 : #7b3255 : ±0
341 : #7b3249 : +10
351 : #7b323d : +20
321 : #7b3262 : -10
322 : #7b3260 : -9
323 : #7b325f : -8
324 : #7b325e : -7
325 : #7b325d : -6
326 : #7b325c : -5
327 : #7b325a : -4
328 : #7b3259 : -3
329 : #7b3258 : -2
330 : #7b3257 : -1
331 : #7b3255 : ±0
332 : #7b3254 : +1
333 : #7b3253 : +2
334 : #7b3252 : +3
335 : #7b3251 : +4
336 : #7b324f : +5
337 : #7b324e : +6
338 : #7b324d : +7
339 : #7b324c : +8
340 : #7b324b : +9
341 : #7b3249 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -42
2 : #585557 : -40
4 : #5a5357 : -38
6 : #5c5157 : -36
8 : #5e5056 : -34
10 : #5f4e56 : -32
12 : #614c56 : -30
14 : #634b56 : -28
16 : #654956 : -26
18 : #664756 : -24
20 : #684556 : -22
22 : #6a4456 : -20
24 : #6c4256 : -18
26 : #6d4056 : -16
28 : #6f3e56 : -14
30 : #713d56 : -12
32 : #723b56 : -10
34 : #743956 : -8
36 : #763756 : -6
38 : #783656 : -4
40 : #793456 : -2
42 : #7b3255 : ±0
44 : #7d3155 : +2
46 : #7f2f55 : +4
48 : #802d55 : +6
50 : #822b55 : +8
52 : #842a55 : +10
54 : #862855 : +12
56 : #872655 : +14
58 : #892455 : +16
60 : #8b2355 : +18
62 : #8c2155 : +20
64 : #8e1f55 : +22
66 : #901d55 : +24
68 : #921c55 : +26
70 : #931a55 : +28
72 : #951855 : +30
74 : #971755 : +32
76 : #991555 : +34
78 : #9a1354 : +36
80 : #9c1154 : +38
82 : #9e1054 : +40
84 : #a00e54 : +42
86 : #a10c54 : +44
88 : #a30a54 : +46
90 : #a50954 : +48
92 : #a60754 : +50
94 : #a80554 : +52
96 : #aa0354 : +54
98 : #ac0254 : +56
100 : #ad0054 : +58
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #070305 : -32
4 : #0e060a : -30
6 : #16090f : -28
8 : #1d0c14 : -26
10 : #240f19 : -24
12 : #2b121e : -22
14 : #331523 : -20
16 : #3a1828 : -18
18 : #411b2d : -16
20 : #481e32 : -14
22 : #502137 : -12
24 : #57233c : -10
26 : #5e2641 : -8
28 : #652946 : -6
30 : #6d2c4b : -4
32 : #742f50 : -2
34 : #7b3255 : ±0
36 : #82355b : +2
38 : #8a3860 : +4
40 : #913b65 : +6
42 : #983e6a : +8
44 : #9f416f : +10
46 : #a74474 : +12
48 : #ae4779 : +14
50 : #b54a7e : +16
52 : #b85183 : +18
54 : #bb5888 : +20
56 : #be608d : +22
58 : #c16792 : +24
60 : #c46e98 : +26
62 : #c7759d : +28
64 : #ca7da2 : +30
66 : #cd84a7 : +32
68 : #d08bac : +34
70 : #d392b1 : +36
72 : #d69ab7 : +38
74 : #d9a1bc : +40
76 : #dca8c1 : +42
78 : #deafc6 : +44
80 : #e1b7cb : +46
82 : #e4bed0 : +48
84 : #e7c5d6 : +50
86 : #eaccdb : +52
88 : #edd4e0 : +54
90 : #f0dbe5 : +56
92 : #f3e2ea : +58
94 : #f6e9ef : +60
96 : #f9f1f5 : +62
98 : #fcf8fa : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow