#c76a1f
RGB ( 赤 = 199, 緑 = 106, 青 = 31 )
HSL ( 色相 = 27°, 彩度 = 73%, 明度 = 45% )
H : 色相 ( 27° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #c7331f : -20
17 : #c74e1f : -10
27 : #c76a1f : ±0
37 : #c7861f : +10
47 : #c7a21f : +20
57 : #c7be1f : +30
67 : #b3c71f : +40
77 : #97c71f : +50
87 : #7bc71f : +60
97 : #5fc71f : +70
107 : #43c71f : +80
117 : #27c71f : +90
127 : #1fc733 : +100
137 : #1fc74e : +110
147 : #1fc76a : +120
157 : #1fc786 : +130
167 : #1fc7a2 : +140
177 : #1fc7be : +150
187 : #1fb3c7 : +160
197 : #1f97c7 : +170
207 : #1f7bc7 : +180
217 : #1f5fc7 : +190
227 : #1f43c7 : +200
237 : #1f27c7 : +210
247 : #331fc7 : +220
257 : #4e1fc7 : +230
267 : #6a1fc7 : +240
277 : #861fc7 : +250
287 : #a21fc7 : +260
297 : #be1fc7 : +270
307 : #c71fb3 : +280
317 : #c71f97 : +290
327 : #c71f7b : +300
337 : #c71f5f : +310
347 : #c71f43 : +320
357 : #c71f27 : +330
17 : #c74e1f : -10
18 : #c7511f : -9
19 : #c7541f : -8
20 : #c7571f : -7
21 : #c75a1f : -6
22 : #c75c1f : -5
23 : #c75f1f : -4
24 : #c7621f : -3
25 : #c7651f : -2
26 : #c7681f : -1
27 : #c76a1f : ±0
28 : #c76d1f : +1
29 : #c7701f : +2
30 : #c7731f : +3
31 : #c7761f : +4
32 : #c7781f : +5
33 : #c77b1f : +6
34 : #c77e1f : +7
35 : #c7811f : +8
36 : #c7841f : +9
37 : #c7861f : +10
S : 彩度 ( 73% )
(0%) 渋い ～ 鮮やか (100%)
1 : #747372 : -72
3 : #76726f : -70
5 : #78726d : -68
7 : #7b726b : -66
9 : #7d7268 : -64
11 : #7f7166 : -62
13 : #827164 : -60
15 : #847162 : -58
17 : #86715f : -56
19 : #89715d : -54
21 : #8b705b : -52
23 : #8d7058 : -50
25 : #8f7056 : -48
27 : #927054 : -46
29 : #946f51 : -44
31 : #966f4f : -42
33 : #996f4d : -40
35 : #9b6f4b : -38
37 : #9d6f48 : -36
39 : #a06e46 : -34
41 : #a26e44 : -32
43 : #a46e41 : -30
45 : #a66e3f : -28
47 : #a96d3d : -26
49 : #ab6d3b : -24
51 : #ad6d38 : -22
53 : #b06d36 : -20
55 : #b26c34 : -18
57 : #b46c31 : -16
59 : #b66c2f : -14
61 : #b96c2d : -12
63 : #bb6c2a : -10
65 : #bd6b28 : -8
67 : #c06b26 : -6
69 : #c26b24 : -4
71 : #c46b21 : -2
73 : #c76a1f : ±0
75 : #c96a1d : +2
77 : #cb6a1a : +4
79 : #cd6a18 : +6
81 : #d06916 : +8
83 : #d26914 : +10
85 : #d46911 : +12
87 : #d7690f : +14
89 : #d9690d : +16
91 : #db680a : +18
93 : #dd6808 : +20
95 : #e06806 : +22
97 : #e26803 : +24
99 : #e46701 : +26
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #040201 : -44
3 : #0d0702 : -42
5 : #160c03 : -40
7 : #1f1105 : -38
9 : #281506 : -36
11 : #311a08 : -34
13 : #391f09 : -32
15 : #42230a : -30
17 : #4b280c : -28
19 : #542d0d : -26
21 : #5d320e : -24
23 : #653610 : -22
25 : #6e3b11 : -20
27 : #774013 : -18
29 : #804514 : -16
31 : #894915 : -14
33 : #924e17 : -12
35 : #9a5318 : -10
37 : #a35719 : -8
39 : #ac5c1b : -6
41 : #b5611c : -4
43 : #be661e : -2
45 : #c76a1f : ±0
47 : #cf6f20 : +2
49 : #d87422 : +4
51 : #dd7927 : +6
53 : #df7e30 : +8
55 : #e08438 : +10
57 : #e18941 : +12
59 : #e38f4a : +14
61 : #e49453 : +16
63 : #e69a5c : +18
65 : #e79f65 : +20
67 : #e8a56d : +22
69 : #eaaa76 : +24
71 : #ebb07f : +26
73 : #ecb588 : +28
75 : #eebb91 : +30
77 : #efc09a : +32
79 : #f1c6a2 : +34
81 : #f2cbab : +36
83 : #f3d0b4 : +38
85 : #f5d6bd : +40
87 : #f6dbc6 : +42
89 : #f7e1ce : +44
91 : #f9e6d7 : +46
93 : #faece0 : +48
95 : #fcf1e9 : +50
97 : #fdf7f2 : +52
99 : #fefcfb : +54
CSS入門、作ってます。
text-shadow