#c66b24
RGB ( 赤 = 198, 緑 = 107, 青 = 36 )
HSL ( 色相 = 26°, 彩度 = 69%, 明度 = 46% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c63524 : -20
16 : #c65024 : -10
26 : #c66b24 : ±0
36 : #c68524 : +10
46 : #c6a024 : +20
56 : #c6bb24 : +30
66 : #b6c624 : +40
76 : #9bc624 : +50
86 : #80c624 : +60
96 : #65c624 : +70
106 : #4ac624 : +80
116 : #2fc624 : +90
126 : #24c635 : +100
136 : #24c650 : +110
146 : #24c66b : +120
156 : #24c685 : +130
166 : #24c6a0 : +140
176 : #24c6bb : +150
186 : #24b6c6 : +160
196 : #249bc6 : +170
206 : #2480c6 : +180
216 : #2465c6 : +190
226 : #244ac6 : +200
236 : #242fc6 : +210
246 : #3524c6 : +220
256 : #5024c6 : +230
266 : #6b24c6 : +240
276 : #8524c6 : +250
286 : #a024c6 : +260
296 : #bb24c6 : +270
306 : #c624b6 : +280
316 : #c6249b : +290
326 : #c62480 : +300
336 : #c62465 : +310
346 : #c6244a : +320
356 : #c6242f : +330
16 : #c65024 : -10
17 : #c65224 : -9
18 : #c65524 : -8
19 : #c65824 : -7
20 : #c65a24 : -6
21 : #c65d24 : -5
22 : #c66024 : -4
23 : #c66224 : -3
24 : #c66524 : -2
25 : #c66824 : -1
26 : #c66b24 : ±0
27 : #c66d24 : +1
28 : #c67024 : +2
29 : #c67324 : +3
30 : #c67524 : +4
31 : #c67824 : +5
32 : #c67b24 : +6
33 : #c67d24 : +7
34 : #c68024 : +8
35 : #c68324 : +9
36 : #c68524 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767574 : -68
3 : #797572 : -66
5 : #7b756f : -64
7 : #7e746d : -62
9 : #80746b : -60
11 : #827468 : -58
13 : #857366 : -56
15 : #877364 : -54
17 : #897361 : -52
19 : #8c725f : -50
21 : #8e725d : -48
23 : #90725a : -46
25 : #937158 : -44
27 : #957156 : -42
29 : #977153 : -40
31 : #9a7051 : -38
33 : #9c704f : -36
35 : #9e704c : -34
37 : #a1704a : -32
39 : #a36f48 : -30
41 : #a56f45 : -28
43 : #a86f43 : -26
45 : #aa6e41 : -24
47 : #ac6e3e : -22
49 : #af6e3c : -20
51 : #b16d39 : -18
53 : #b36d37 : -16
55 : #b66d35 : -14
57 : #b86c32 : -12
59 : #bb6c30 : -10
61 : #bd6c2e : -8
63 : #bf6b2b : -6
65 : #c26b29 : -4
67 : #c46b27 : -2
69 : #c66b24 : ±0
71 : #c96a22 : +2
73 : #cb6a20 : +4
75 : #cd6a1d : +6
77 : #d0691b : +8
79 : #d26919 : +10
81 : #d46916 : +12
83 : #d76814 : +14
85 : #d96812 : +16
87 : #db680f : +18
89 : #de670d : +20
91 : #e0670b : +22
93 : #e26708 : +24
95 : #e56606 : +26
97 : #e76604 : +28
99 : #e96601 : +30
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #090502 : -44
4 : #110903 : -42
6 : #1a0e05 : -40
8 : #221306 : -38
10 : #2b1708 : -36
12 : #341c09 : -34
14 : #3c200b : -32
16 : #45250d : -30
18 : #4e2a0e : -28
20 : #562e10 : -26
22 : #5f3311 : -24
24 : #673813 : -22
26 : #703c15 : -20
28 : #794116 : -18
30 : #814518 : -16
32 : #8a4a19 : -14
34 : #934f1b : -12
36 : #9b531c : -10
38 : #a4581e : -8
40 : #ac5d20 : -6
42 : #b56121 : -4
44 : #be6623 : -2
46 : #c66b24 : ±0
48 : #cf6f26 : +2
50 : #d77428 : +4
52 : #d97930 : +6
54 : #db7f39 : +8
56 : #dc8441 : +10
58 : #de8a4a : +12
60 : #df9053 : +14
62 : #e1955b : +16
64 : #e39b64 : +18
66 : #e4a06c : +20
68 : #e6a675 : +22
70 : #e7ab7e : +24
72 : #e9b186 : +26
74 : #eab78f : +28
76 : #ecbc98 : +30
78 : #eec2a0 : +32
80 : #efc7a9 : +34
82 : #f1cdb1 : +36
84 : #f2d2ba : +38
86 : #f4d8c3 : +40
88 : #f6decb : +42
90 : #f7e3d4 : +44
92 : #f9e9dd : +46
94 : #faeee5 : +48
96 : #fcf4ee : +50
98 : #fdf9f6 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow