#013834
RGB
| 赤 | 1 |
|---|---|
| 緑 | 56 |
| 青 | 52 |
HSL
| 色相 | 176° |
|---|---|
| 彩度 | 96% |
| 明度 | 11% |
| 輝度 | 15% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 1, 緑 = 56, 青 = 52 )
HSL ( 色相 = 176°, 彩度 = 96%, 明度 = 11% )
H : 色相 ( 176° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #370701 : -170
16 : #370f01 : -160
26 : #371801 : -150
36 : #372101 : -140
46 : #372a01 : -130
56 : #373301 : -120
66 : #323701 : -110
76 : #293701 : -100
86 : #203701 : -90
96 : #173701 : -80
106 : #0e3701 : -70
116 : #053701 : -60
126 : #013707 : -50
136 : #01370f : -40
146 : #013718 : -30
156 : #013721 : -20
166 : #01372a : -10
176 : #013733 : ±0
186 : #013237 : +10
196 : #012937 : +20
206 : #012037 : +30
216 : #011737 : +40
226 : #010e37 : +50
236 : #010537 : +60
246 : #070137 : +70
256 : #0f0137 : +80
266 : #180137 : +90
276 : #210137 : +100
286 : #2a0137 : +110
296 : #330137 : +120
306 : #370132 : +130
316 : #370129 : +140
326 : #370120 : +150
336 : #370117 : +160
346 : #37010e : +170
356 : #370105 : +180
166 : #01372a : -10
167 : #01372b : -9
168 : #01372c : -8
169 : #01372d : -7
170 : #01372e : -6
171 : #01372f : -5
172 : #013730 : -4
173 : #013731 : -3
174 : #013732 : -2
175 : #013732 : -1
176 : #013733 : ±0
177 : #013734 : +1
178 : #013735 : +2
179 : #013736 : +3
180 : #013737 : +4
181 : #013637 : +5
182 : #013537 : +6
183 : #013437 : +7
184 : #013337 : +8
185 : #013237 : +9
186 : #013237 : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #1c1c1c : -96
2 : #1b1d1d : -94
4 : #1b1d1d : -92
6 : #1a1e1e : -90
8 : #1a1e1e : -88
10 : #191f1e : -86
12 : #191f1f : -84
14 : #18201f : -82
16 : #182120 : -80
18 : #172120 : -78
20 : #162221 : -76
22 : #162221 : -74
24 : #152322 : -72
26 : #152322 : -70
28 : #142423 : -68
30 : #142423 : -66
32 : #132524 : -64
34 : #132624 : -62
36 : #122625 : -60
38 : #112725 : -58
40 : #112726 : -56
42 : #102826 : -54
44 : #102827 : -52
46 : #0f2927 : -50
48 : #0f2a28 : -48
50 : #0e2a28 : -46
52 : #0d2b29 : -44
54 : #0d2b29 : -42
56 : #0c2c2a : -40
58 : #0c2c2a : -38
60 : #0b2d2b : -36
62 : #0b2d2b : -34
64 : #0a2e2c : -32
66 : #0a2f2c : -30
68 : #092f2d : -28
70 : #08302d : -26
72 : #08302e : -24
74 : #07312e : -22
76 : #07312f : -20
78 : #06322f : -18
80 : #06322f : -16
82 : #053330 : -14
84 : #043430 : -12
86 : #043431 : -10
88 : #033531 : -8
90 : #033532 : -6
92 : #023632 : -4
94 : #023633 : -2
96 : #013733 : ±0
98 : #013834 : +2
100 : #003834 : +4
L : 明度 ( 11% )
(0%) 暗い ～ 明るい (100%)
1 : #000505 : -10
3 : #000f0e : -8
5 : #011917 : -6
7 : #012321 : -4
9 : #012d2a : -2
11 : #013733 : ±0
13 : #01413d : +2
15 : #024b46 : +4
17 : #02554f : +6
19 : #025f59 : +8
21 : #026962 : +10
23 : #02736b : +12
25 : #037d75 : +14
27 : #03877e : +16
29 : #039187 : +18
31 : #039b91 : +20
33 : #03a59a : +22
35 : #04afa4 : +24
37 : #04b9ad : +26
39 : #04c3b6 : +28
41 : #04cdc0 : +30
43 : #04d7c9 : +32
45 : #05e1d2 : +34
47 : #05ebdc : +36
49 : #05f5e5 : +38
51 : #0afaea : +40
53 : #14faeb : +42
55 : #1efaec : +44
57 : #28fbed : +46
59 : #32fbed : +48
61 : #3cfbee : +50
63 : #46fbef : +52
65 : #50fbf0 : +54
67 : #5afcf1 : +56
69 : #64fcf2 : +58
71 : #6efcf3 : +60
73 : #78fcf3 : +62
75 : #82fcf4 : +64
77 : #8cfdf5 : +66
79 : #96fdf6 : +68
81 : #a0fdf7 : +70
83 : #aafdf8 : +72
85 : #b4fdf9 : +74
87 : #befef9 : +76
89 : #c8fefa : +78
91 : #d2fefb : +80
93 : #dcfefc : +82
95 : #e6fefd : +84
97 : #f0fffe : +86
99 : #faffff : +88
CSS入門、作ってます。
text-shadow