#63552c
RGB ( 赤 = 99, 緑 = 85, 青 = 44 )
HSL ( 色相 = 45°, 彩度 = 38%, 明度 = 28% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #63312c : -40
15 : #633a2c : -30
25 : #63432c : -20
35 : #634c2c : -10
45 : #63552c : ±0
55 : #635e2c : +10
65 : #5e632c : +20
75 : #55632c : +30
85 : #4c632c : +40
95 : #43632c : +50
105 : #3a632c : +60
115 : #31632c : +70
125 : #2c6331 : +80
135 : #2c633a : +90
145 : #2c6343 : +100
155 : #2c634c : +110
165 : #2c6355 : +120
175 : #2c635e : +130
185 : #2c5e63 : +140
195 : #2c5563 : +150
205 : #2c4c63 : +160
215 : #2c4363 : +170
225 : #2c3a63 : +180
235 : #2c3163 : +190
245 : #312c63 : +200
255 : #3a2c63 : +210
265 : #432c63 : +220
275 : #4c2c63 : +230
285 : #552c63 : +240
295 : #5e2c63 : +250
305 : #632c5e : +260
315 : #632c55 : +270
325 : #632c4c : +280
335 : #632c43 : +290
345 : #632c3a : +300
355 : #632c31 : +310
35 : #634c2c : -10
36 : #634d2c : -9
37 : #634e2c : -8
38 : #634f2c : -7
39 : #63502c : -6
40 : #63502c : -5
41 : #63512c : -4
42 : #63522c : -3
43 : #63532c : -2
44 : #63542c : -1
45 : #63552c : ±0
46 : #63562c : +1
47 : #63572c : +2
48 : #63582c : +3
49 : #63592c : +4
50 : #63592c : +5
51 : #635a2c : +6
52 : #635b2c : +7
53 : #635c2c : +8
54 : #635d2c : +9
55 : #635e2c : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -38
2 : #494846 : -36
4 : #4a4945 : -34
6 : #4c4a43 : -32
8 : #4d4a42 : -30
10 : #4f4b40 : -28
12 : #504c3f : -26
14 : #514c3d : -24
16 : #534d3c : -22
18 : #544e3b : -20
20 : #564f39 : -18
22 : #574f38 : -16
24 : #595036 : -14
26 : #5a5135 : -12
28 : #5b5133 : -10
30 : #5d5232 : -8
32 : #5e5331 : -6
34 : #60542f : -4
36 : #61542e : -2
38 : #63552c : ±0
40 : #64562b : +2
42 : #655629 : +4
44 : #675728 : +6
46 : #685827 : +8
48 : #6a5925 : +10
50 : #6b5924 : +12
52 : #6d5a22 : +14
54 : #6e5b21 : +16
56 : #6f5b1f : +18
58 : #715c1e : +20
60 : #725d1d : +22
62 : #745e1b : +24
64 : #755e1a : +26
66 : #775f18 : +28
68 : #786017 : +30
70 : #796015 : +32
72 : #7b6114 : +34
74 : #7c6213 : +36
76 : #7e6311 : +38
78 : #7f6310 : +40
80 : #81640e : +42
82 : #82650d : +44
84 : #83650b : +46
86 : #85660a : +48
88 : #866709 : +50
90 : #886807 : +52
92 : #896806 : +54
94 : #8b6904 : +56
96 : #8c6a03 : +58
98 : #8d6a01 : +60
100 : #8f6b00 : +62
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070603 : -26
4 : #0e0c06 : -24
6 : #151209 : -22
8 : #1c180d : -20
10 : #231e10 : -18
12 : #2a2413 : -16
14 : #312a16 : -14
16 : #383119 : -12
18 : #3f371c : -10
20 : #463d20 : -8
22 : #4d4323 : -6
24 : #544926 : -4
26 : #5b4f29 : -2
28 : #63552c : ±0
30 : #6a5b2f : +2
32 : #716133 : +4
34 : #786736 : +6
36 : #7f6d39 : +8
38 : #86733c : +10
40 : #8d793f : +12
42 : #947f42 : +14
44 : #9b8646 : +16
46 : #a28c49 : +18
48 : #a9924c : +20
50 : #b0984f : +22
52 : #b39c56 : +24
54 : #b6a05d : +26
56 : #b9a464 : +28
58 : #bda86b : +30
60 : #c0ac72 : +32
62 : #c3b179 : +34
64 : #c6b580 : +36
66 : #c9b987 : +38
68 : #ccbd8e : +40
70 : #d0c195 : +42
72 : #d3c59c : +44
74 : #d6c9a4 : +46
76 : #d9cdab : +48
78 : #dcd2b2 : +50
80 : #dfd6b9 : +52
82 : #e3dac0 : +54
84 : #e6dec7 : +56
86 : #e9e2ce : +58
88 : #ece6d5 : +60
90 : #efeadc : +62
92 : #f2eee3 : +64
94 : #f6f3ea : +66
96 : #f9f7f1 : +68
98 : #fcfbf8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow