#cb673a
RGB ( 赤 = 203, 緑 = 103, 青 = 58 )
HSL ( 色相 = 19°, 彩度 = 58%, 明度 = 51% )
H : 色相 ( 19° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #cb4f3a : -10
19 : #cb673a : ±0
29 : #cb803a : +10
39 : #cb983a : +20
49 : #cbb03a : +30
59 : #cbc83a : +40
69 : #b5cb3a : +50
79 : #9dcb3a : +60
89 : #84cb3a : +70
99 : #6ccb3a : +80
109 : #54cb3a : +90
119 : #3ccb3a : +100
129 : #3acb4f : +110
139 : #3acb67 : +120
149 : #3acb80 : +130
159 : #3acb98 : +140
169 : #3acbb0 : +150
179 : #3acbc8 : +160
189 : #3ab5cb : +170
199 : #3a9dcb : +180
209 : #3a84cb : +190
219 : #3a6ccb : +200
229 : #3a54cb : +210
239 : #3a3ccb : +220
249 : #4f3acb : +230
259 : #673acb : +240
269 : #803acb : +250
279 : #983acb : +260
289 : #b03acb : +270
299 : #c83acb : +280
309 : #cb3ab5 : +290
319 : #cb3a9d : +300
329 : #cb3a84 : +310
339 : #cb3a6c : +320
349 : #cb3a54 : +330
359 : #cb3a3c : +340
9 : #cb4f3a : -10
10 : #cb523a : -9
11 : #cb543a : -8
12 : #cb573a : -7
13 : #cb593a : -6
14 : #cb5b3a : -5
15 : #cb5e3a : -4
16 : #cb603a : -3
17 : #cb633a : -2
18 : #cb653a : -1
19 : #cb673a : ±0
20 : #cb6a3a : +1
21 : #cb6c3a : +2
22 : #cb6f3a : +3
23 : #cb713a : +4
24 : #cb743a : +5
25 : #cb763a : +6
26 : #cb783a : +7
27 : #cb7b3a : +8
28 : #cb7d3a : +9
29 : #cb803a : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -58
2 : #858180 : -56
4 : #87807d : -54
6 : #8a7f7b : -52
8 : #8c7e78 : -50
10 : #8f7d76 : -48
12 : #917d73 : -46
14 : #947c71 : -44
16 : #967b6e : -42
18 : #997a6c : -40
20 : #9b7969 : -38
22 : #9e7867 : -36
24 : #a07764 : -34
26 : #a37662 : -32
28 : #a5755f : -30
30 : #a8745d : -28
32 : #aa735a : -26
34 : #ad7258 : -24
36 : #af7255 : -22
38 : #b27153 : -20
40 : #b47050 : -18
42 : #b76f4e : -16
44 : #b96e4b : -14
46 : #bc6d49 : -12
48 : #be6c46 : -10
50 : #c16b44 : -8
52 : #c36a41 : -6
54 : #c6693f : -4
56 : #c8683c : -2
58 : #cb673a : ±0
60 : #cd6737 : +2
62 : #d06635 : +4
64 : #d26532 : +6
66 : #d56430 : +8
68 : #d7632d : +10
70 : #da622b : +12
72 : #dc6128 : +14
74 : #df6026 : +16
76 : #e15f23 : +18
78 : #e45e21 : +20
80 : #e65d1e : +22
82 : #e95c1c : +24
84 : #eb5c19 : +26
86 : #ee5b17 : +28
88 : #f05a14 : +30
90 : #f35912 : +32
92 : #f5580f : +34
94 : #f8570d : +36
96 : #fa560a : +38
98 : #fd5508 : +40
100 : #ff5405 : +42
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -50
3 : #0c0603 : -48
5 : #140a05 : -46
7 : #1c0e07 : -44
9 : #24120a : -42
11 : #2c160c : -40
13 : #341a0e : -38
15 : #3c1e10 : -36
17 : #442212 : -34
19 : #4d2614 : -32
21 : #552a16 : -30
23 : #5d2e19 : -28
25 : #65321b : -26
27 : #6d361d : -24
29 : #753a1f : -22
31 : #7d3e21 : -20
33 : #854223 : -18
35 : #8d4625 : -16
37 : #954a28 : -14
39 : #9d4e2a : -12
41 : #a5522c : -10
43 : #ad562e : -8
45 : #b55a30 : -6
47 : #bd5e32 : -4
49 : #c56234 : -2
51 : #cb673a : ±0
53 : #cd6e42 : +2
55 : #cf744a : +4
57 : #d17a52 : +6
59 : #d3805a : +8
61 : #d58662 : +10
63 : #d78d6a : +12
65 : #da9372 : +14
67 : #dc997a : +16
69 : #de9f82 : +18
71 : #e0a58a : +20
73 : #e2ac92 : +22
75 : #e4b29a : +24
77 : #e6b8a2 : +26
79 : #e9beaa : +28
81 : #ebc4b2 : +30
83 : #edcabb : +32
85 : #efd1c3 : +34
87 : #f1d7cb : +36
89 : #f3ddd3 : +38
91 : #f5e3db : +40
93 : #f8e9e3 : +42
95 : #faf0eb : +44
97 : #fcf6f3 : +46
99 : #fefcfb : +48
CSS入門、作ってます。
text-shadow