#037091
RGB
赤 | 3 |
---|---|
緑 | 112 |
青 | 145 |
HSL
色相 | 194° |
---|---|
彩度 | 96% |
明度 | 29% |
輝度 | 33% |
3桁の色
補色
反転色
RGB ( 赤 = 3, 緑 = 112, 青 = 145 )
HSL ( 色相 = 194°, 彩度 = 96%, 明度 = 29% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #910c03 : -190
14 : #912403 : -180
24 : #913c03 : -170
34 : #915303 : -160
44 : #916b03 : -150
54 : #918303 : -140
64 : #879103 : -130
74 : #709103 : -120
84 : #589103 : -110
94 : #409103 : -100
104 : #299103 : -90
114 : #119103 : -80
124 : #03910c : -70
134 : #039124 : -60
144 : #03913c : -50
154 : #039153 : -40
164 : #03916b : -30
174 : #039183 : -20
184 : #038791 : -10
194 : #037091 : ±0
204 : #035891 : +10
214 : #034091 : +20
224 : #032991 : +30
234 : #031191 : +40
244 : #0c0391 : +50
254 : #240391 : +60
264 : #3c0391 : +70
274 : #530391 : +80
284 : #6b0391 : +90
294 : #830391 : +100
304 : #910387 : +110
314 : #910370 : +120
324 : #910358 : +130
334 : #910340 : +140
344 : #910329 : +150
354 : #910311 : +160
184 : #038791 : -10
185 : #038591 : -9
186 : #038391 : -8
187 : #038091 : -7
188 : #037e91 : -6
189 : #037c91 : -5
190 : #037991 : -4
191 : #037791 : -3
192 : #037591 : -2
193 : #037291 : -1
194 : #037091 : ±0
195 : #036d91 : +1
196 : #036b91 : +2
197 : #036991 : +3
198 : #036691 : +4
199 : #036491 : +5
200 : #036291 : +6
201 : #035f91 : +7
202 : #035d91 : +8
203 : #035b91 : +9
204 : #035891 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -96
2 : #484b4b : -94
4 : #474c4d : -92
6 : #464c4e : -90
8 : #444d50 : -88
10 : #434e51 : -86
12 : #414f53 : -84
14 : #404f54 : -82
16 : #3e5056 : -80
18 : #3d5157 : -78
20 : #3b5259 : -76
22 : #3a535a : -74
24 : #38535c : -72
26 : #37545d : -70
28 : #35555f : -68
30 : #345660 : -66
32 : #325762 : -64
34 : #315763 : -62
36 : #2f5865 : -60
38 : #2e5966 : -58
40 : #2c5a68 : -56
42 : #2b5b69 : -54
44 : #295b6a : -52
46 : #285c6c : -50
48 : #265d6d : -48
50 : #255e6f : -46
52 : #235e70 : -44
54 : #225f72 : -42
56 : #216073 : -40
58 : #1f6175 : -38
60 : #1e6276 : -36
62 : #1c6278 : -34
64 : #1b6379 : -32
66 : #19647b : -30
68 : #18657c : -28
70 : #16667e : -26
72 : #15667f : -24
74 : #136781 : -22
76 : #126882 : -20
78 : #106984 : -18
80 : #0f6a85 : -16
82 : #0d6a87 : -14
84 : #0c6b88 : -12
86 : #0a6c8a : -10
88 : #096d8b : -8
90 : #076d8d : -6
92 : #066e8e : -4
94 : #046f8f : -2
96 : #037091 : ±0
98 : #017192 : +2
100 : #007194 : +4
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -28
3 : #000c0f : -26
5 : #011319 : -24
7 : #011b23 : -22
9 : #01232d : -20
11 : #012a37 : -18
13 : #013241 : -16
15 : #023a4b : -14
17 : #024255 : -12
19 : #02495f : -10
21 : #025169 : -8
23 : #025973 : -6
25 : #03607d : -4
27 : #036887 : -2
29 : #037091 : ±0
31 : #03789b : +2
33 : #037fa5 : +4
35 : #0487af : +6
37 : #048fb9 : +8
39 : #0496c3 : +10
41 : #049ecd : +12
43 : #04a6d7 : +14
45 : #05aee1 : +16
47 : #05b5eb : +18
49 : #05bdf5 : +20
51 : #0ac2fa : +22
53 : #14c5fa : +24
55 : #1ec7fa : +26
57 : #28c9fb : +28
59 : #32ccfb : +30
61 : #3ccefb : +32
63 : #46d1fb : +34
65 : #50d3fb : +36
67 : #5ad6fc : +38
69 : #64d8fc : +40
71 : #6edbfc : +42
73 : #78ddfc : +44
75 : #82e0fc : +46
77 : #8ce2fd : +48
79 : #96e5fd : +50
81 : #a0e7fd : +52
83 : #aaeafd : +54
85 : #b4ecfd : +56
87 : #beeffe : +58
89 : #c8f1fe : +60
91 : #d2f4fe : +62
93 : #dcf6fe : +64
95 : #e6f9fe : +66
97 : #f0fbff : +68
99 : #fafeff : +70
CSS入門、作ってます。
text-shadow