#a94923
RGB
赤 | 169 |
---|---|
緑 | 73 |
青 | 35 |
HSL
色相 | 17° |
---|---|
彩度 | 66% |
明度 | 40% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 169, 緑 = 73, 青 = 35 )
HSL ( 色相 = 17°, 彩度 = 66%, 明度 = 40% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #a93223 : -10
17 : #a94923 : ±0
27 : #a95f23 : +10
37 : #a97623 : +20
47 : #a98c23 : +30
57 : #a9a323 : +40
67 : #9aa923 : +50
77 : #83a923 : +60
87 : #6da923 : +70
97 : #56a923 : +80
107 : #40a923 : +90
117 : #29a923 : +100
127 : #23a932 : +110
137 : #23a949 : +120
147 : #23a95f : +130
157 : #23a976 : +140
167 : #23a98c : +150
177 : #23a9a3 : +160
187 : #239aa9 : +170
197 : #2383a9 : +180
207 : #236da9 : +190
217 : #2356a9 : +200
227 : #2340a9 : +210
237 : #2329a9 : +220
247 : #3223a9 : +230
257 : #4923a9 : +240
267 : #5f23a9 : +250
277 : #7623a9 : +260
287 : #8c23a9 : +270
297 : #a323a9 : +280
307 : #a9239a : +290
317 : #a92383 : +300
327 : #a9236d : +310
337 : #a92356 : +320
347 : #a92340 : +330
357 : #a92329 : +340
7 : #a93223 : -10
8 : #a93523 : -9
9 : #a93723 : -8
10 : #a93923 : -7
11 : #a93b23 : -6
12 : #a93e23 : -5
13 : #a94023 : -4
14 : #a94223 : -3
15 : #a94423 : -2
16 : #a94723 : -1
17 : #a94923 : ±0
18 : #a94b23 : +1
19 : #a94d23 : +2
20 : #a95023 : +3
21 : #a95223 : +4
22 : #a95423 : +5
23 : #a95623 : +6
24 : #a95923 : +7
25 : #a95b23 : +8
26 : #a95d23 : +9
27 : #a95f23 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -66
2 : #686564 : -64
4 : #6a6462 : -62
6 : #6c6360 : -60
8 : #6e625e : -58
10 : #70625c : -56
12 : #72615a : -54
14 : #746058 : -52
16 : #765f56 : -50
18 : #785e54 : -48
20 : #7a5d52 : -46
22 : #7c5c50 : -44
24 : #7e5b4e : -42
26 : #815b4b : -40
28 : #835a49 : -38
30 : #855947 : -36
32 : #875845 : -34
34 : #895743 : -32
36 : #8b5641 : -30
38 : #8d553f : -28
40 : #8f543d : -26
42 : #91533b : -24
44 : #935339 : -22
46 : #955237 : -20
48 : #975135 : -18
50 : #995033 : -16
52 : #9b4f31 : -14
54 : #9d4e2f : -12
56 : #9f4d2d : -10
58 : #a14c2b : -8
60 : #a34b29 : -6
62 : #a54b27 : -4
64 : #a74a25 : -2
66 : #a94923 : ±0
68 : #ab4821 : +2
70 : #ad471f : +4
72 : #af461d : +6
74 : #b1451b : +8
76 : #b44418 : +10
78 : #b64416 : +12
80 : #b84314 : +14
82 : #ba4212 : +16
84 : #bc4110 : +18
86 : #be400e : +20
88 : #c03f0c : +22
90 : #c23e0a : +24
92 : #c43d08 : +26
94 : #c63c06 : +28
96 : #c83c04 : +30
98 : #ca3b02 : +32
100 : #cc3a00 : +34
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080402 : -38
4 : #110703 : -36
6 : #190b05 : -34
8 : #220f07 : -32
10 : #2a1209 : -30
12 : #33160a : -28
14 : #3b190c : -26
16 : #441d0e : -24
18 : #4c2110 : -22
20 : #552411 : -20
22 : #5d2813 : -18
24 : #662c15 : -16
26 : #6e2f17 : -14
28 : #773318 : -12
30 : #7f371a : -10
32 : #873a1c : -8
34 : #903e1d : -6
36 : #98421f : -4
38 : #a14521 : -2
40 : #a94923 : ±0
42 : #b24c24 : +2
44 : #ba5026 : +4
46 : #c35428 : +6
48 : #cb572a : +8
50 : #d45b2b : +10
52 : #d56234 : +12
54 : #d7683c : +14
56 : #d96f45 : +16
58 : #db754d : +18
60 : #dc7c56 : +20
62 : #de825e : +22
64 : #e08967 : +24
66 : #e2906f : +26
68 : #e39678 : +28
70 : #e59d80 : +30
72 : #e7a388 : +32
74 : #e8aa91 : +34
76 : #eab099 : +36
78 : #ecb7a2 : +38
80 : #eebdaa : +40
82 : #efc4b3 : +42
84 : #f1cbbb : +44
86 : #f3d1c4 : +46
88 : #f5d8cc : +48
90 : #f6ded5 : +50
92 : #f8e5dd : +52
94 : #faebe6 : +54
96 : #fcf2ee : +56
98 : #fdf8f7 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow