#036472
RGB
| 赤 | 3 |
|---|---|
| 緑 | 100 |
| 青 | 114 |
HSL
| 色相 | 188° |
|---|---|
| 彩度 | 95% |
| 明度 | 23% |
| 輝度 | 28% |
３桁の色
補色
反転色
RGB ( 赤 = 3, 緑 = 100, 青 = 114 )
HSL ( 色相 = 188°, 彩度 = 95%, 明度 = 23% )
H : 色相 ( 188° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #721203 : -180
18 : #722403 : -170
28 : #723703 : -160
38 : #724a03 : -150
48 : #725c03 : -140
58 : #726f03 : -130
68 : #647203 : -120
78 : #517203 : -110
88 : #3e7203 : -100
98 : #2c7203 : -90
108 : #197203 : -80
118 : #077203 : -70
128 : #037212 : -60
138 : #037224 : -50
148 : #037237 : -40
158 : #03724a : -30
168 : #03725c : -20
178 : #03726f : -10
188 : #036472 : ±0
198 : #035172 : +10
208 : #033e72 : +20
218 : #032c72 : +30
228 : #031972 : +40
238 : #030772 : +50
248 : #120372 : +60
258 : #240372 : +70
268 : #370372 : +80
278 : #4a0372 : +90
288 : #5c0372 : +100
298 : #6f0372 : +110
308 : #720364 : +120
318 : #720351 : +130
328 : #72033e : +140
338 : #72032c : +150
348 : #720319 : +160
358 : #720307 : +170
178 : #03726f : -10
179 : #037271 : -9
180 : #037272 : -8
181 : #037172 : -7
182 : #036f72 : -6
183 : #036d72 : -5
184 : #036b72 : -4
185 : #036972 : -3
186 : #036772 : -2
187 : #036572 : -1
188 : #036472 : ±0
189 : #036272 : +1
190 : #036072 : +2
191 : #035e72 : +3
192 : #035c72 : +4
193 : #035a72 : +5
194 : #035872 : +6
195 : #035772 : +7
196 : #035572 : +8
197 : #035372 : +9
198 : #035172 : +10
S : 彩度 ( 95% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3a3b3b : -94
3 : #393c3c : -92
5 : #383d3e : -90
7 : #373e3f : -88
9 : #353f40 : -86
11 : #343f41 : -84
13 : #334042 : -82
15 : #324143 : -80
17 : #314245 : -78
19 : #304346 : -76
21 : #2e4447 : -74
23 : #2d4548 : -72
25 : #2c4549 : -70
27 : #2b464a : -68
29 : #2a474c : -66
31 : #28484d : -64
33 : #27494e : -62
35 : #264a4f : -60
37 : #254b50 : -58
39 : #244b52 : -56
41 : #234c53 : -54
43 : #214d54 : -52
45 : #204e55 : -50
47 : #1f4f56 : -48
49 : #1e5057 : -46
51 : #1d5159 : -44
53 : #1c515a : -42
55 : #1a525b : -40
57 : #19535c : -38
59 : #18545d : -36
61 : #17555e : -34
63 : #165660 : -32
65 : #155761 : -30
67 : #135762 : -28
69 : #125863 : -26
71 : #115964 : -24
73 : #105a65 : -22
75 : #0f5b67 : -20
77 : #0d5c68 : -18
79 : #0c5d69 : -16
81 : #0b5d6a : -14
83 : #0a5e6b : -12
85 : #095f6d : -10
87 : #08606e : -8
89 : #06616f : -6
91 : #056270 : -4
93 : #046371 : -2
95 : #036472 : ±0
97 : #026474 : +2
99 : #016575 : +4
L : 明度 ( 23% )
(0%) 暗い ～ 明るい (100%)
1 : #000405 : -22
3 : #000d0f : -20
5 : #011619 : -18
7 : #011e23 : -16
9 : #01272d : -14
11 : #013037 : -12
13 : #023841 : -10
15 : #02414b : -8
17 : #024a55 : -6
19 : #02525e : -4
21 : #035b68 : -2
23 : #036472 : ±0
25 : #036c7c : +2
27 : #037586 : +4
29 : #047d90 : +6
31 : #04869a : +8
33 : #048fa4 : +10
35 : #0497ae : +12
37 : #05a0b8 : +14
39 : #05a9c2 : +16
41 : #05b1cc : +18
43 : #05bad6 : +20
45 : #06c3e0 : +22
47 : #06cbea : +24
49 : #06d4f4 : +26
51 : #0bd9f9 : +28
53 : #15dbf9 : +30
55 : #1fdcf9 : +32
57 : #29defa : +34
59 : #33dffa : +36
61 : #3de1fa : +38
63 : #47e2fa : +40
65 : #51e4fb : +42
67 : #5be5fb : +44
69 : #65e7fb : +46
71 : #6fe9fb : +48
73 : #79eafc : +50
75 : #83ecfc : +52
77 : #8dedfc : +54
79 : #97effc : +56
81 : #a1f0fd : +58
83 : #aaf2fd : +60
85 : #b4f3fd : +62
87 : #bef5fd : +64
89 : #c8f6fe : +66
91 : #d2f8fe : +68
93 : #dcfafe : +70
95 : #e6fbfe : +72
97 : #f0fdff : +74
99 : #fafeff : +76
CSS入門、作ってます。
text-shadow