#c7436a
RGB ( 赤 = 199, 緑 = 67, 青 = 106 )
HSL ( 色相 = 342°, 彩度 = 54%, 明度 = 52% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #c74743 : -340
12 : #c75d43 : -330
22 : #c77343 : -320
32 : #c78943 : -310
42 : #c79f43 : -300
52 : #c7b543 : -290
62 : #c2c743 : -280
72 : #acc743 : -270
82 : #96c743 : -260
92 : #80c743 : -250
102 : #6ac743 : -240
112 : #54c743 : -230
122 : #43c747 : -220
132 : #43c75d : -210
142 : #43c773 : -200
152 : #43c789 : -190
162 : #43c79f : -180
172 : #43c7b5 : -170
182 : #43c2c7 : -160
192 : #43acc7 : -150
202 : #4396c7 : -140
212 : #4380c7 : -130
222 : #436ac7 : -120
232 : #4354c7 : -110
242 : #4743c7 : -100
252 : #5d43c7 : -90
262 : #7343c7 : -80
272 : #8943c7 : -70
282 : #9f43c7 : -60
292 : #b543c7 : -50
302 : #c743c2 : -40
312 : #c743ac : -30
322 : #c74396 : -20
332 : #c74380 : -10
342 : #c7436a : ±0
352 : #c74354 : +10
332 : #c74380 : -10
333 : #c7437e : -9
334 : #c7437c : -8
335 : #c7437a : -7
336 : #c74377 : -6
337 : #c74375 : -5
338 : #c74373 : -4
339 : #c74371 : -3
340 : #c7436f : -2
341 : #c7436c : -1
342 : #c7436a : ±0
343 : #c74368 : +1
344 : #c74366 : +2
345 : #c74364 : +3
346 : #c74361 : +4
347 : #c7435f : +5
348 : #c7435d : +6
349 : #c7435b : +7
350 : #c74359 : +8
351 : #c74356 : +9
352 : #c74354 : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -54
2 : #878284 : -52
4 : #898083 : -50
6 : #8c7d82 : -48
8 : #8e7b81 : -46
10 : #917880 : -44
12 : #93767f : -42
14 : #96737e : -40
16 : #98717d : -38
18 : #9b6f7c : -36
20 : #9d6c7b : -34
22 : #a06a7a : -32
24 : #a26779 : -30
26 : #a46578 : -28
28 : #a76277 : -26
30 : #a96076 : -24
32 : #ac5d75 : -22
34 : #ae5b74 : -20
36 : #b15973 : -18
38 : #b35672 : -16
40 : #b65471 : -14
42 : #b85170 : -12
44 : #ba4f6f : -10
46 : #bd4c6e : -8
48 : #bf4a6d : -6
50 : #c2476c : -4
52 : #c4456b : -2
54 : #c7436a : ±0
56 : #c94069 : +2
58 : #cc3e68 : +4
60 : #ce3b67 : +6
62 : #d03966 : +8
64 : #d33665 : +10
66 : #d53464 : +12
68 : #d83163 : +14
70 : #da2f62 : +16
72 : #dd2c61 : +18
74 : #df2a60 : +20
76 : #e2285f : +22
78 : #e4255e : +24
80 : #e7235d : +26
82 : #e9205c : +28
84 : #eb1e5b : +30
86 : #ee1b5a : +32
88 : #f0195a : +34
90 : #f31659 : +36
92 : #f51458 : +38
94 : #f81257 : +40
96 : #fa0f56 : +42
98 : #fd0d55 : +44
100 : #ff0a54 : +46
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #080204 : -50
4 : #100508 : -48
6 : #18070c : -46
8 : #1f0910 : -44
10 : #270c14 : -42
12 : #2f0e18 : -40
14 : #37101c : -38
16 : #3f1320 : -36
18 : #471524 : -34
20 : #4f1728 : -32
22 : #561a2c : -30
24 : #5e1c30 : -28
26 : #661e34 : -26
28 : #6e2138 : -24
30 : #76233c : -22
32 : #7e2640 : -20
34 : #862844 : -18
36 : #8d2a48 : -16
38 : #952d4c : -14
40 : #9d2f50 : -12
42 : #a53154 : -10
44 : #ad3458 : -8
46 : #b5365c : -6
48 : #bc3860 : -4
50 : #c43b64 : -2
52 : #c7436a : ±0
54 : #c94a70 : +2
56 : #cb5277 : +4
58 : #ce5a7d : +6
60 : #d06283 : +8
62 : #d26a89 : +10
64 : #d5728f : +12
66 : #d77996 : +14
68 : #d9819c : +16
70 : #dc89a2 : +18
72 : #de91a8 : +20
74 : #e199ae : +22
76 : #e3a1b5 : +24
78 : #e5a9bb : +26
80 : #e8b0c1 : +28
82 : #eab8c7 : +30
84 : #ecc0cd : +32
86 : #efc8d4 : +34
88 : #f1d0da : +36
90 : #f3d8e0 : +38
92 : #f6e0e6 : +40
94 : #f8e7ec : +42
96 : #faeff3 : +44
98 : #fdf7f9 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow