#038c6a
RGB
赤 | 3 |
---|---|
緑 | 140 |
青 | 106 |
HSL
色相 | 165° |
---|---|
彩度 | 96% |
明度 | 28% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 3, 緑 = 140, 青 = 106 )
HSL ( 色相 = 165°, 彩度 = 96%, 明度 = 28% )
H : 色相 ( 165° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8c0e03 : -160
15 : #8c2503 : -150
25 : #8c3c03 : -140
35 : #8c5303 : -130
45 : #8c6a03 : -120
55 : #8c8103 : -110
65 : #818c03 : -100
75 : #6a8c03 : -90
85 : #538c03 : -80
95 : #3c8c03 : -70
105 : #258c03 : -60
115 : #0e8c03 : -50
125 : #038c0e : -40
135 : #038c25 : -30
145 : #038c3c : -20
155 : #038c53 : -10
165 : #038c6a : ±0
175 : #038c81 : +10
185 : #03818c : +20
195 : #036a8c : +30
205 : #03538c : +40
215 : #033c8c : +50
225 : #03258c : +60
235 : #030e8c : +70
245 : #0e038c : +80
255 : #25038c : +90
265 : #3c038c : +100
275 : #53038c : +110
285 : #6a038c : +120
295 : #81038c : +130
305 : #8c0381 : +140
315 : #8c036a : +150
325 : #8c0353 : +160
335 : #8c033c : +170
345 : #8c0325 : +180
355 : #8c030e : +190
155 : #038c53 : -10
156 : #038c55 : -9
157 : #038c57 : -8
158 : #038c5a : -7
159 : #038c5c : -6
160 : #038c5e : -5
161 : #038c61 : -4
162 : #038c63 : -3
163 : #038c65 : -2
164 : #038c67 : -1
165 : #038c6a : ±0
166 : #038c6c : +1
167 : #038c6e : +2
168 : #038c71 : +3
169 : #038c73 : +4
170 : #038c75 : +5
171 : #038c77 : +6
172 : #038c7a : +7
173 : #038c7c : +8
174 : #038c7e : +9
175 : #038c81 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -96
2 : #464948 : -94
4 : #454a49 : -92
6 : #434c4a : -90
8 : #424d4a : -88
10 : #404f4b : -86
12 : #3f504c : -84
14 : #3d514c : -82
16 : #3c534d : -80
18 : #3b544e : -78
20 : #39564f : -76
22 : #38574f : -74
24 : #365950 : -72
26 : #355a51 : -70
28 : #335b51 : -68
30 : #325d52 : -66
32 : #315e53 : -64
34 : #2f6054 : -62
36 : #2e6154 : -60
38 : #2c6355 : -58
40 : #2b6456 : -56
42 : #296556 : -54
44 : #286757 : -52
46 : #276858 : -50
48 : #256a59 : -48
50 : #246b59 : -46
52 : #226d5a : -44
54 : #216e5b : -42
56 : #1f6f5b : -40
58 : #1e715c : -38
60 : #1d725d : -36
62 : #1b745e : -34
64 : #1a755e : -32
66 : #18775f : -30
68 : #177860 : -28
70 : #157960 : -26
72 : #147b61 : -24
74 : #137c62 : -22
76 : #117e63 : -20
78 : #107f63 : -18
80 : #0e8164 : -16
82 : #0d8265 : -14
84 : #0b8365 : -12
86 : #0a8566 : -10
88 : #098667 : -8
90 : #078868 : -6
92 : #068968 : -4
94 : #048b69 : -2
96 : #038c6a : ±0
98 : #018d6a : +2
100 : #008f6b : +4
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #000a08 : -26
4 : #00140f : -24
6 : #011e17 : -22
8 : #01281e : -20
10 : #013226 : -18
12 : #013c2d : -16
14 : #014635 : -14
16 : #02503c : -12
18 : #025a44 : -10
20 : #02644b : -8
22 : #026e53 : -6
24 : #02785b : -4
26 : #038262 : -2
28 : #038c6a : ±0
30 : #039671 : +2
32 : #03a079 : +4
34 : #03aa80 : +6
36 : #04b488 : +8
38 : #04be8f : +10
40 : #04c897 : +12
42 : #04d29f : +14
44 : #04dca6 : +16
46 : #05e6ae : +18
48 : #05f0b5 : +20
50 : #05fabd : +22
52 : #0ffabf : +24
54 : #19fac2 : +26
56 : #23fbc5 : +28
58 : #2dfbc7 : +30
60 : #37fbca : +32
62 : #41fbcd : +34
64 : #4bfbcf : +36
66 : #55fcd2 : +38
68 : #5ffcd5 : +40
70 : #69fcd7 : +42
72 : #73fcda : +44
74 : #7dfcdd : +46
76 : #87fddf : +48
78 : #91fde2 : +50
80 : #9bfde4 : +52
82 : #a5fde7 : +54
84 : #affdea : +56
86 : #b9feec : +58
88 : #c3feef : +60
90 : #cdfef2 : +62
92 : #d7fef4 : +64
94 : #e1fef7 : +66
96 : #ebfffa : +68
98 : #f5fffc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow