#074f69
RGB
赤 | 7 |
---|---|
緑 | 79 |
青 | 105 |
HSL
色相 | 196° |
---|---|
彩度 | 88% |
明度 | 22% |
輝度 | 24% |
3桁の色
補色
反転色
RGB ( 赤 = 7, 緑 = 79, 青 = 105 )
HSL ( 色相 = 196°, 彩度 = 88%, 明度 = 22% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #691107 : -190
16 : #692107 : -180
26 : #693207 : -170
36 : #694207 : -160
46 : #695207 : -150
56 : #696307 : -140
66 : #606907 : -130
76 : #4f6907 : -120
86 : #3f6907 : -110
96 : #2e6907 : -100
106 : #1e6907 : -90
116 : #0d6907 : -80
126 : #076911 : -70
136 : #076921 : -60
146 : #076932 : -50
156 : #076942 : -40
166 : #076952 : -30
176 : #076963 : -20
186 : #076069 : -10
196 : #074f69 : ±0
206 : #073f69 : +10
216 : #072e69 : +20
226 : #071e69 : +30
236 : #070d69 : +40
246 : #110769 : +50
256 : #210769 : +60
266 : #320769 : +70
276 : #420769 : +80
286 : #520769 : +90
296 : #630769 : +100
306 : #690760 : +110
316 : #69074f : +120
326 : #69073f : +130
336 : #69072e : +140
346 : #69071e : +150
356 : #69070d : +160
186 : #076069 : -10
187 : #075e69 : -9
188 : #075c69 : -8
189 : #075b69 : -7
190 : #075969 : -6
191 : #075769 : -5
192 : #075669 : -4
193 : #075469 : -3
194 : #075269 : -2
195 : #075169 : -1
196 : #074f69 : ±0
197 : #074d69 : +1
198 : #074c69 : +2
199 : #074a69 : +3
200 : #074969 : +4
201 : #074769 : +5
202 : #074569 : +6
203 : #074469 : +7
204 : #074269 : +8
205 : #074069 : +9
206 : #073f69 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -88
2 : #373939 : -86
4 : #36393a : -84
6 : #353a3b : -82
8 : #343a3d : -80
10 : #323b3e : -78
12 : #313b3f : -76
14 : #303c40 : -74
16 : #2f3c41 : -72
18 : #2e3d42 : -70
20 : #2d3d43 : -68
22 : #2c3e44 : -66
24 : #2b3e46 : -64
26 : #2a3f47 : -62
28 : #283f48 : -60
30 : #274049 : -58
32 : #26404a : -56
34 : #25414b : -54
36 : #24424c : -52
38 : #23424d : -50
40 : #22434f : -48
42 : #214350 : -46
44 : #1f4451 : -44
46 : #1e4452 : -42
48 : #1d4553 : -40
50 : #1c4554 : -38
52 : #1b4655 : -36
54 : #1a4656 : -34
56 : #194758 : -32
58 : #184759 : -30
60 : #16485a : -28
62 : #15485b : -26
64 : #14495c : -24
66 : #13495d : -22
68 : #124a5e : -20
70 : #114a5f : -18
72 : #104b60 : -16
74 : #0f4b62 : -14
76 : #0d4c63 : -12
78 : #0c4d64 : -10
80 : #0b4d65 : -8
82 : #0a4e66 : -6
84 : #094e67 : -4
86 : #084f68 : -2
88 : #074f69 : ±0
90 : #06506b : +2
92 : #04506c : +4
94 : #03516d : +6
96 : #02516e : +8
98 : #01526f : +10
100 : #005270 : +12
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #01070a : -20
4 : #010e13 : -18
6 : #02161d : -16
8 : #021d26 : -14
10 : #032430 : -12
12 : #042b3a : -10
14 : #043243 : -8
16 : #053a4d : -6
18 : #064156 : -4
20 : #064860 : -2
22 : #074f69 : ±0
24 : #075673 : +2
26 : #085e7d : +4
28 : #096586 : +6
30 : #096c90 : +8
32 : #0a7399 : +10
34 : #0a7aa3 : +12
36 : #0b81ad : +14
38 : #0c89b6 : +16
40 : #0c90c0 : +18
42 : #0d97c9 : +20
44 : #0d9ed3 : +22
46 : #0ea5dd : +24
48 : #0fade6 : +26
50 : #0fb4f0 : +28
52 : #19b7f0 : +30
54 : #22baf1 : +32
56 : #2cbdf2 : +34
58 : #36c0f2 : +36
60 : #3fc3f3 : +38
62 : #49c6f3 : +40
64 : #52c9f4 : +42
66 : #5cccf5 : +44
68 : #66cff5 : +46
70 : #6fd2f6 : +48
72 : #79d5f6 : +50
74 : #82d8f7 : +52
76 : #8cdbf8 : +54
78 : #96def8 : +56
80 : #9fe1f9 : +58
82 : #a9e4f9 : +60
84 : #b2e7fa : +62
86 : #bceafb : +64
88 : #c5edfb : +66
90 : #cff0fc : +68
92 : #d9f3fd : +70
94 : #e2f6fd : +72
96 : #ecf9fe : +74
98 : #f5fcfe : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow