#83636d
RGB ( 赤 = 131, 緑 = 99, 青 = 109 )
HSL ( 色相 = 341°, 彩度 = 14%, 明度 = 45% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #836363 : -340
11 : #836963 : -330
21 : #836e63 : -320
31 : #837363 : -310
41 : #837963 : -300
51 : #837e63 : -290
61 : #828363 : -280
71 : #7d8363 : -270
81 : #788363 : -260
91 : #728363 : -250
101 : #6d8363 : -240
111 : #688363 : -230
121 : #638363 : -220
131 : #638369 : -210
141 : #63836e : -200
151 : #638373 : -190
161 : #638379 : -180
171 : #63837e : -170
181 : #638283 : -160
191 : #637d83 : -150
201 : #637883 : -140
211 : #637283 : -130
221 : #636d83 : -120
231 : #636883 : -110
241 : #636383 : -100
251 : #696383 : -90
261 : #6e6383 : -80
271 : #736383 : -70
281 : #796383 : -60
291 : #7e6383 : -50
301 : #836382 : -40
311 : #83637d : -30
321 : #836378 : -20
331 : #836372 : -10
341 : #83636d : ±0
351 : #836368 : +10
331 : #836372 : -10
332 : #836372 : -9
333 : #836371 : -8
334 : #836371 : -7
335 : #836370 : -6
336 : #836370 : -5
337 : #83636f : -4
338 : #83636e : -3
339 : #83636e : -2
340 : #83636d : -1
341 : #83636d : ±0
342 : #83636c : +1
343 : #83636c : +2
344 : #83636b : +3
345 : #83636b : +4
346 : #83636a : +5
347 : #83636a : +6
348 : #836369 : +7
349 : #836369 : +8
350 : #836368 : +9
351 : #836368 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #727272 : -14
2 : #757072 : -12
4 : #776e71 : -10
6 : #7a6c70 : -8
8 : #7c6a6f : -6
10 : #7e676f : -4
12 : #81656e : -2
14 : #83636d : ±0
16 : #85606c : +2
18 : #875e6b : +4
20 : #8a5c6a : +6
22 : #8c5a69 : +8
24 : #8e5769 : +10
26 : #915568 : +12
28 : #935367 : +14
30 : #955066 : +16
32 : #974e65 : +18
34 : #9a4c64 : +20
36 : #9c4964 : +22
38 : #9e4763 : +24
40 : #a14562 : +26
42 : #a34361 : +28
44 : #a54060 : +30
46 : #a83e5f : +32
48 : #aa3c5f : +34
50 : #ac395e : +36
52 : #ae375d : +38
54 : #b1355c : +40
56 : #b3325b : +42
58 : #b5305a : +44
60 : #b82e5a : +46
62 : #ba2c59 : +48
64 : #bc2958 : +50
66 : #be2757 : +52
68 : #c12556 : +54
70 : #c32255 : +56
72 : #c52054 : +58
74 : #c81e54 : +60
76 : #ca1c53 : +62
78 : #cc1952 : +64
80 : #cf1751 : +66
82 : #d11550 : +68
84 : #d3124f : +70
86 : #d5104f : +72
88 : #d80e4e : +74
90 : #da0b4d : +76
92 : #dc094c : +78
94 : #df074b : +80
96 : #e1054a : +82
98 : #e3024a : +84
100 : #e60049 : +86
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -44
3 : #090707 : -42
5 : #0f0b0c : -40
7 : #140f11 : -38
9 : #1a1416 : -36
11 : #20181b : -34
13 : #261d1f : -32
15 : #2c2124 : -30
17 : #312529 : -28
19 : #372a2e : -26
21 : #3d2e33 : -24
23 : #433238 : -22
25 : #49373c : -20
27 : #4e3b41 : -18
29 : #544046 : -16
31 : #5a444b : -14
33 : #604850 : -12
35 : #664d55 : -10
37 : #6c515a : -8
39 : #71565e : -6
41 : #775a63 : -4
43 : #7d5e68 : -2
45 : #83636d : ±0
47 : #896772 : +2
49 : #8e6b77 : +4
51 : #94717c : +6
53 : #987681 : +8
55 : #9c7c86 : +10
57 : #a1828c : +12
59 : #a58891 : +14
61 : #a98e96 : +16
63 : #ae939c : +18
65 : #b299a1 : +20
67 : #b79fa7 : +22
69 : #bba5ac : +24
71 : #bfabb1 : +26
73 : #c4b1b7 : +28
75 : #c8b6bc : +30
77 : #cdbcc1 : +32
79 : #d1c2c7 : +34
81 : #d5c8cc : +36
83 : #daced1 : +38
85 : #ded3d7 : +40
87 : #e2d9dc : +42
89 : #e7dfe2 : +44
91 : #ebe5e7 : +46
93 : #f0ebec : +48
95 : #f4f0f2 : +50
97 : #f8f6f7 : +52
99 : #fdfcfc : +54
CSS入門、作ってます。
text-shadow