#643720
RGB ( 赤 = 100, 緑 = 55, 青 = 32 )
HSL ( 色相 = 20°, 彩度 = 52%, 明度 = 26% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #652020 : -20
10 : #652b20 : -10
20 : #653720 : ±0
30 : #654220 : +10
40 : #654e20 : +20
50 : #655920 : +30
60 : #656520 : +40
70 : #596520 : +50
80 : #4e6520 : +60
90 : #426520 : +70
100 : #376520 : +80
110 : #2b6520 : +90
120 : #206520 : +100
130 : #20652b : +110
140 : #206537 : +120
150 : #206542 : +130
160 : #20654e : +140
170 : #206559 : +150
180 : #206565 : +160
190 : #205965 : +170
200 : #204e65 : +180
210 : #204265 : +190
220 : #203765 : +200
230 : #202b65 : +210
240 : #202065 : +220
250 : #2b2065 : +230
260 : #372065 : +240
270 : #422065 : +250
280 : #4e2065 : +260
290 : #592065 : +270
300 : #652065 : +280
310 : #652059 : +290
320 : #65204e : +300
330 : #652042 : +310
340 : #652037 : +320
350 : #65202b : +330
10 : #652b20 : -10
11 : #652c20 : -9
12 : #652e20 : -8
13 : #652f20 : -7
14 : #653020 : -6
15 : #653120 : -5
16 : #653220 : -4
17 : #653320 : -3
18 : #653520 : -2
19 : #653620 : -1
20 : #653720 : ±0
21 : #653820 : +1
22 : #653920 : +2
23 : #653a20 : +3
24 : #653b20 : +4
25 : #653d20 : +5
26 : #653e20 : +6
27 : #653f20 : +7
28 : #654020 : +8
29 : #654120 : +9
30 : #654220 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -52
2 : #444241 : -50
4 : #454140 : -48
6 : #46413e : -46
8 : #48413d : -44
10 : #49403c : -42
12 : #4a403a : -40
14 : #4c3f39 : -38
16 : #4d3f38 : -36
18 : #4e3e36 : -34
20 : #503e35 : -32
22 : #513d34 : -30
24 : #523d32 : -28
26 : #543d31 : -26
28 : #553c30 : -24
30 : #563c2e : -22
32 : #583b2d : -20
34 : #593b2c : -18
36 : #5a3a2a : -16
38 : #5b3a29 : -14
40 : #5d3928 : -12
42 : #5e3926 : -10
44 : #5f3925 : -8
46 : #613824 : -6
48 : #623822 : -4
50 : #633721 : -2
52 : #653720 : ±0
54 : #66361e : +2
56 : #67361d : +4
58 : #69351c : +6
60 : #6a351b : +8
62 : #6b3519 : +10
64 : #6d3418 : +12
66 : #6e3417 : +14
68 : #6f3315 : +16
70 : #713314 : +18
72 : #723213 : +20
74 : #733211 : +22
76 : #753210 : +24
78 : #76310f : +26
80 : #77310d : +28
82 : #79300c : +30
84 : #7a300b : +32
86 : #7b2f09 : +34
88 : #7d2f08 : +36
90 : #7e2e07 : +38
92 : #7f2e05 : +40
94 : #812e04 : +42
96 : #822d03 : +44
98 : #832d01 : +46
100 : #852c00 : +48
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080402 : -24
4 : #100805 : -22
6 : #170d07 : -20
8 : #1f110a : -18
10 : #27150c : -16
12 : #2f190f : -14
14 : #361e11 : -12
16 : #3e2214 : -10
18 : #462616 : -8
20 : #4e2a18 : -6
22 : #552e1b : -4
24 : #5d331d : -2
26 : #653720 : ±0
28 : #6d3b22 : +2
30 : #743f25 : +4
32 : #7c4327 : +6
34 : #84482a : +8
36 : #8c4c2c : +10
38 : #93502f : +12
40 : #9b5431 : +14
42 : #a35933 : +16
44 : #ab5d36 : +18
46 : #b26138 : +20
48 : #ba653b : +22
50 : #c2693d : +24
52 : #c46f45 : +26
54 : #c7754d : +28
56 : #c97b54 : +30
58 : #cc815c : +32
60 : #ce8764 : +34
62 : #d08d6c : +36
64 : #d39373 : +38
66 : #d5997b : +40
68 : #d89f83 : +42
70 : #daa58b : +44
72 : #ddab92 : +46
74 : #dfb19a : +48
76 : #e2b7a2 : +50
78 : #e4bdaa : +52
80 : #e7c3b1 : +54
82 : #e9c9b9 : +56
84 : #ebcfc1 : +58
86 : #eed5c9 : +60
88 : #f0dbd0 : +62
90 : #f3e1d8 : +64
92 : #f5e7e0 : +66
94 : #f8ede8 : +68
96 : #faf3ef : +70
98 : #fdf9f7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow