#c4af45
RGB ( 赤 = 196, 緑 = 175, 青 = 69 )
HSL ( 色相 = 50°, 彩度 = 52%, 明度 = 52% )
H : 色相 ( 50° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #c44545 : -50
10 : #c45a45 : -40
20 : #c46f45 : -30
30 : #c48545 : -20
40 : #c49a45 : -10
50 : #c4af45 : ±0
60 : #c4c445 : +10
70 : #afc445 : +20
80 : #9ac445 : +30
90 : #85c445 : +40
100 : #6fc445 : +50
110 : #5ac445 : +60
120 : #45c445 : +70
130 : #45c45a : +80
140 : #45c46f : +90
150 : #45c485 : +100
160 : #45c49a : +110
170 : #45c4af : +120
180 : #45c4c4 : +130
190 : #45afc4 : +140
200 : #459ac4 : +150
210 : #4585c4 : +160
220 : #456fc4 : +170
230 : #455ac4 : +180
240 : #4545c4 : +190
250 : #5a45c4 : +200
260 : #6f45c4 : +210
270 : #8545c4 : +220
280 : #9a45c4 : +230
290 : #af45c4 : +240
300 : #c445c4 : +250
310 : #c445af : +260
320 : #c4459a : +270
330 : #c44585 : +280
340 : #c4456f : +290
350 : #c4455a : +300
40 : #c49a45 : -10
41 : #c49c45 : -9
42 : #c49e45 : -8
43 : #c4a045 : -7
44 : #c4a245 : -6
45 : #c4a445 : -5
46 : #c4a745 : -4
47 : #c4a945 : -3
48 : #c4ab45 : -2
49 : #c4ad45 : -1
50 : #c4af45 : ±0
51 : #c4b145 : +1
52 : #c4b345 : +2
53 : #c4b545 : +3
54 : #c4b845 : +4
55 : #c4ba45 : +5
56 : #c4bc45 : +6
57 : #c4be45 : +7
58 : #c4c045 : +8
59 : #c4c245 : +9
60 : #c4c445 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -52
2 : #878682 : -50
4 : #898880 : -48
6 : #8c897d : -46
8 : #8e8b7b : -44
10 : #918d78 : -42
12 : #938e76 : -40
14 : #969073 : -38
16 : #989271 : -36
18 : #9b936f : -34
20 : #9d956c : -32
22 : #a0976a : -30
24 : #a29867 : -28
26 : #a49a65 : -26
28 : #a79b62 : -24
30 : #a99d60 : -22
32 : #ac9f5d : -20
34 : #aea05b : -18
36 : #b1a259 : -16
38 : #b3a456 : -14
40 : #b6a554 : -12
42 : #b8a751 : -10
44 : #baa94f : -8
46 : #bdaa4c : -6
48 : #bfac4a : -4
50 : #c2ad47 : -2
52 : #c4af45 : ±0
54 : #c7b143 : +2
56 : #c9b240 : +4
58 : #ccb43e : +6
60 : #ceb63b : +8
62 : #d0b739 : +10
64 : #d3b936 : +12
66 : #d5ba34 : +14
68 : #d8bc31 : +16
70 : #dabe2f : +18
72 : #ddbf2c : +20
74 : #dfc12a : +22
76 : #e2c328 : +24
78 : #e4c425 : +26
80 : #e7c623 : +28
82 : #e9c820 : +30
84 : #ebc91e : +32
86 : #eecb1b : +34
88 : #f0cc19 : +36
90 : #f3ce16 : +38
92 : #f5d014 : +40
94 : #f8d112 : +42
96 : #fad30f : +44
98 : #fdd50d : +46
100 : #ffd60a : +48
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #080702 : -50
4 : #100e05 : -48
6 : #171507 : -46
8 : #1f1b0a : -44
10 : #27220c : -42
12 : #2f290f : -40
14 : #363011 : -38
16 : #3e3714 : -36
18 : #463e16 : -34
20 : #4e4518 : -32
22 : #554c1b : -30
24 : #5d521d : -28
26 : #655920 : -26
28 : #6d6022 : -24
30 : #746725 : -22
32 : #7c6e27 : -20
34 : #84752a : -18
36 : #8c7c2c : -16
38 : #93822f : -14
40 : #9b8931 : -12
42 : #a39033 : -10
44 : #ab9736 : -8
46 : #b29e38 : -6
48 : #baa53b : -4
50 : #c2ac3d : -2
52 : #c4af45 : ±0
54 : #c7b24d : +2
56 : #c9b654 : +4
58 : #ccb95c : +6
60 : #cebc64 : +8
62 : #d0c06c : +10
64 : #d3c373 : +12
66 : #d5c67b : +14
68 : #d8ca83 : +16
70 : #dacd8b : +18
72 : #ddd092 : +20
74 : #dfd49a : +22
76 : #e2d7a2 : +24
78 : #e4daaa : +26
80 : #e7deb1 : +28
82 : #e9e1b9 : +30
84 : #ebe4c1 : +32
86 : #eee8c9 : +34
88 : #f0ebd0 : +36
90 : #f3eed8 : +38
92 : #f5f2e0 : +40
94 : #f8f5e8 : +42
96 : #faf8ef : +44
98 : #fdfcf7 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow