#63512c
RGB ( 赤 = 99, 緑 = 81, 青 = 44 )
HSL ( 色相 = 40°, 彩度 = 38%, 明度 = 28% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #632c2c : -40
10 : #63352c : -30
20 : #633e2c : -20
30 : #63472c : -10
40 : #63502c : ±0
50 : #63592c : +10
60 : #63632c : +20
70 : #59632c : +30
80 : #50632c : +40
90 : #47632c : +50
100 : #3e632c : +60
110 : #35632c : +70
120 : #2c632c : +80
130 : #2c6335 : +90
140 : #2c633e : +100
150 : #2c6347 : +110
160 : #2c6350 : +120
170 : #2c6359 : +130
180 : #2c6363 : +140
190 : #2c5963 : +150
200 : #2c5063 : +160
210 : #2c4763 : +170
220 : #2c3e63 : +180
230 : #2c3563 : +190
240 : #2c2c63 : +200
250 : #352c63 : +210
260 : #3e2c63 : +220
270 : #472c63 : +230
280 : #502c63 : +240
290 : #592c63 : +250
300 : #632c63 : +260
310 : #632c59 : +270
320 : #632c50 : +280
330 : #632c47 : +290
340 : #632c3e : +300
350 : #632c35 : +310
30 : #63472c : -10
31 : #63482c : -9
32 : #63492c : -8
33 : #634a2c : -7
34 : #634b2c : -6
35 : #634c2c : -5
36 : #634d2c : -4
37 : #634e2c : -3
38 : #634f2c : -2
39 : #63502c : -1
40 : #63502c : ±0
41 : #63512c : +1
42 : #63522c : +2
43 : #63532c : +3
44 : #63542c : +4
45 : #63552c : +5
46 : #63562c : +6
47 : #63572c : +7
48 : #63582c : +8
49 : #63592c : +9
50 : #63592c : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -38
2 : #494846 : -36
4 : #4a4845 : -34
6 : #4c4943 : -32
8 : #4d4942 : -30
10 : #4f4a40 : -28
12 : #504a3f : -26
14 : #514b3d : -24
16 : #534b3c : -22
18 : #544c3b : -20
20 : #564c39 : -18
22 : #574d38 : -16
24 : #594d36 : -14
26 : #5a4e35 : -12
28 : #5b4e33 : -10
30 : #5d4f32 : -8
32 : #5e4f31 : -6
34 : #604f2f : -4
36 : #61502e : -2
38 : #63502c : ±0
40 : #64512b : +2
42 : #655129 : +4
44 : #675228 : +6
46 : #685227 : +8
48 : #6a5325 : +10
50 : #6b5324 : +12
52 : #6d5422 : +14
54 : #6e5421 : +16
56 : #6f551f : +18
58 : #71551e : +20
60 : #72561d : +22
62 : #74561b : +24
64 : #75571a : +26
66 : #775718 : +28
68 : #785817 : +30
70 : #795815 : +32
72 : #7b5914 : +34
74 : #7c5913 : +36
76 : #7e5911 : +38
78 : #7f5a10 : +40
80 : #815a0e : +42
82 : #825b0d : +44
84 : #835b0b : +46
86 : #855c0a : +48
88 : #865c09 : +50
90 : #885d07 : +52
92 : #895d06 : +54
94 : #8b5e04 : +56
96 : #8c5e03 : +58
98 : #8d5f01 : +60
100 : #8f5f00 : +62
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070603 : -26
4 : #0e0b06 : -24
6 : #151109 : -22
8 : #1c170d : -20
10 : #231d10 : -18
12 : #2a2213 : -16
14 : #312816 : -14
16 : #382e19 : -12
18 : #3f341c : -10
20 : #463920 : -8
22 : #4d3f23 : -6
24 : #544526 : -4
26 : #5b4b29 : -2
28 : #63502c : ±0
30 : #6a562f : +2
32 : #715c33 : +4
34 : #786236 : +6
36 : #7f6739 : +8
38 : #866d3c : +10
40 : #8d733f : +12
42 : #947942 : +14
44 : #9b7e46 : +16
46 : #a28449 : +18
48 : #a98a4c : +20
50 : #b0904f : +22
52 : #b39456 : +24
54 : #b6995d : +26
56 : #b99d64 : +28
58 : #bda16b : +30
60 : #c0a672 : +32
62 : #c3aa79 : +34
64 : #c6af80 : +36
66 : #c9b387 : +38
68 : #ccb88e : +40
70 : #d0bc95 : +42
72 : #d3c19c : +44
74 : #d6c5a4 : +46
76 : #d9caab : +48
78 : #dcceb2 : +50
80 : #dfd2b9 : +52
82 : #e3d7c0 : +54
84 : #e6dbc7 : +56
86 : #e9e0ce : +58
88 : #ece4d5 : +60
90 : #efe9dc : +62
92 : #f2ede3 : +64
94 : #f6f2ea : +66
96 : #f9f6f1 : +68
98 : #fcfbf8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow