#a64826
RGB
赤 | 166 |
---|---|
緑 | 72 |
青 | 38 |
HSL
色相 | 16° |
---|---|
彩度 | 63% |
明度 | 40% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 166, 緑 = 72, 青 = 38 )
HSL ( 色相 = 16°, 彩度 = 63%, 明度 = 40% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #a63326 : -10
16 : #a64826 : ±0
26 : #a65d26 : +10
36 : #a67326 : +20
46 : #a68826 : +30
56 : #a69e26 : +40
66 : #99a626 : +50
76 : #84a626 : +60
86 : #6fa626 : +70
96 : #59a626 : +80
106 : #44a626 : +90
116 : #2ea626 : +100
126 : #26a633 : +110
136 : #26a648 : +120
146 : #26a65d : +130
156 : #26a673 : +140
166 : #26a688 : +150
176 : #26a69e : +160
186 : #2699a6 : +170
196 : #2684a6 : +180
206 : #266fa6 : +190
216 : #2659a6 : +200
226 : #2644a6 : +210
236 : #262ea6 : +220
246 : #3326a6 : +230
256 : #4826a6 : +240
266 : #5d26a6 : +250
276 : #7326a6 : +260
286 : #8826a6 : +270
296 : #9e26a6 : +280
306 : #a62699 : +290
316 : #a62684 : +300
326 : #a6266f : +310
336 : #a62659 : +320
346 : #a62644 : +330
356 : #a6262e : +340
6 : #a63326 : -10
7 : #a63526 : -9
8 : #a63726 : -8
9 : #a63926 : -7
10 : #a63b26 : -6
11 : #a63d26 : -5
12 : #a63f26 : -4
13 : #a64226 : -3
14 : #a64426 : -2
15 : #a64626 : -1
16 : #a64826 : ±0
17 : #a64a26 : +1
18 : #a64c26 : +2
19 : #a64e26 : +3
20 : #a65126 : +4
21 : #a65326 : +5
22 : #a65526 : +6
23 : #a65726 : +7
24 : #a65926 : +8
25 : #a65b26 : +9
26 : #a65d26 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676665 : -62
3 : #696563 : -60
5 : #6b6461 : -58
7 : #6d635f : -56
9 : #6f625d : -54
11 : #71615b : -52
13 : #736059 : -50
15 : #755f57 : -48
17 : #775e55 : -46
19 : #795d53 : -44
21 : #7b5c51 : -42
23 : #7d5b4f : -40
25 : #805a4d : -38
27 : #82594a : -36
29 : #845848 : -34
31 : #865746 : -32
33 : #885644 : -30
35 : #8a5542 : -28
37 : #8c5440 : -26
39 : #8e533e : -24
41 : #90523c : -22
43 : #92523a : -20
45 : #945138 : -18
47 : #965036 : -16
49 : #984f34 : -14
51 : #9a4e32 : -12
53 : #9c4d30 : -10
55 : #9e4c2e : -8
57 : #a04b2c : -6
59 : #a24a2a : -4
61 : #a44928 : -2
63 : #a64826 : ±0
65 : #a84724 : +2
67 : #aa4622 : +4
69 : #ac4520 : +6
71 : #ae441e : +8
73 : #b0431c : +10
75 : #b3421a : +12
77 : #b54117 : +14
79 : #b74015 : +16
81 : #b93f13 : +18
83 : #bb3e11 : +20
85 : #bd3e0f : +22
87 : #bf3d0d : +24
89 : #c13c0b : +26
91 : #c33b09 : +28
93 : #c53a07 : +30
95 : #c73905 : +32
97 : #c93803 : +34
99 : #cb3701 : +36
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080402 : -38
4 : #110704 : -36
6 : #190b06 : -34
8 : #210e08 : -32
10 : #2a1209 : -30
12 : #32160b : -28
14 : #3a190d : -26
16 : #431d0f : -24
18 : #4b2011 : -22
20 : #532413 : -20
22 : #5b2815 : -18
24 : #642b17 : -16
26 : #6c2f19 : -14
28 : #74321a : -12
30 : #7d361c : -10
32 : #853a1e : -8
34 : #8d3d20 : -6
36 : #964122 : -4
38 : #9e4424 : -2
40 : #a64826 : ±0
42 : #af4c28 : +2
44 : #b74f2a : +4
46 : #bf532b : +6
48 : #c8562d : +8
50 : #d05a2f : +10
52 : #d26137 : +12
54 : #d46740 : +14
56 : #d56e48 : +16
58 : #d77450 : +18
60 : #d97b59 : +20
62 : #db8261 : +22
64 : #dd8869 : +24
66 : #df8f72 : +26
68 : #e1957a : +28
70 : #e39c82 : +30
72 : #e5a38b : +32
74 : #e6a993 : +34
76 : #e8b09b : +36
78 : #eab6a4 : +38
80 : #ecbdac : +40
82 : #eec4b4 : +42
84 : #f0cabc : +44
86 : #f2d1c5 : +46
88 : #f4d7cd : +48
90 : #f6ded5 : +50
92 : #f7e5de : +52
94 : #f9ebe6 : +54
96 : #fbf2ee : +56
98 : #fdf8f7 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow