#3e6979
RGB
赤 | 62 |
---|---|
緑 | 105 |
青 | 121 |
HSL
色相 | 196° |
---|---|
彩度 | 32% |
明度 | 36% |
輝度 | 37% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 62, 緑 = 105, 青 = 121 )
HSL ( 色相 = 196°, 彩度 = 32%, 明度 = 36% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #79443e : -190
16 : #794e3e : -180
26 : #79583e : -170
36 : #79623e : -160
46 : #796b3e : -150
56 : #79753e : -140
66 : #73793e : -130
76 : #6a793e : -120
86 : #60793e : -110
96 : #56793e : -100
106 : #4c793e : -90
116 : #42793e : -80
126 : #3e7944 : -70
136 : #3e794e : -60
146 : #3e7958 : -50
156 : #3e7962 : -40
166 : #3e796b : -30
176 : #3e7975 : -20
186 : #3e7379 : -10
196 : #3e6a79 : ±0
206 : #3e6079 : +10
216 : #3e5679 : +20
226 : #3e4c79 : +30
236 : #3e4279 : +40
246 : #443e79 : +50
256 : #4e3e79 : +60
266 : #583e79 : +70
276 : #623e79 : +80
286 : #6b3e79 : +90
296 : #753e79 : +100
306 : #793e73 : +110
316 : #793e6a : +120
326 : #793e60 : +130
336 : #793e56 : +140
346 : #793e4c : +150
356 : #793e42 : +160
186 : #3e7379 : -10
187 : #3e7279 : -9
188 : #3e7179 : -8
189 : #3e7079 : -7
190 : #3e6f79 : -6
191 : #3e6e79 : -5
192 : #3e6d79 : -4
193 : #3e6c79 : -3
194 : #3e6b79 : -2
195 : #3e6a79 : -1
196 : #3e6a79 : ±0
197 : #3e6979 : +1
198 : #3e6879 : +2
199 : #3e6779 : +3
200 : #3e6679 : +4
201 : #3e6579 : +5
202 : #3e6479 : +6
203 : #3e6379 : +7
204 : #3e6279 : +8
205 : #3e6179 : +9
206 : #3e6079 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -32
2 : #5a5d5e : -30
4 : #585e5f : -28
6 : #565e61 : -26
8 : #545f63 : -24
10 : #536065 : -22
12 : #516167 : -20
14 : #4f6269 : -18
16 : #4d636a : -16
18 : #4b646c : -14
20 : #49646e : -12
22 : #486570 : -10
24 : #466672 : -8
26 : #446774 : -6
28 : #426876 : -4
30 : #406977 : -2
32 : #3e6a79 : ±0
34 : #3d6a7b : +2
36 : #3b6b7d : +4
38 : #396c7f : +6
40 : #376d81 : +8
42 : #356e82 : +10
44 : #336f84 : +12
46 : #327086 : +14
48 : #307088 : +16
50 : #2e718a : +18
52 : #2c728c : +20
54 : #2a738d : +22
56 : #28748f : +24
58 : #277591 : +26
60 : #257693 : +28
62 : #237695 : +30
64 : #217797 : +32
66 : #1f7898 : +34
68 : #1d799a : +36
70 : #1c7a9c : +38
72 : #1a7b9e : +40
74 : #187ca0 : +42
76 : #167ca2 : +44
78 : #147da3 : +46
80 : #127ea5 : +48
82 : #117fa7 : +50
84 : #0f80a9 : +52
86 : #0d81ab : +54
88 : #0b81ad : +56
90 : #0982ae : +58
92 : #0783b0 : +60
94 : #0684b2 : +62
96 : #0485b4 : +64
98 : #0286b6 : +66
100 : #0087b8 : +68
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #030607 : -34
4 : #070c0d : -32
6 : #0a1214 : -30
8 : #0e171b : -28
10 : #111d22 : -26
12 : #152328 : -24
14 : #18292f : -22
16 : #1c2f36 : -20
18 : #1f353d : -18
20 : #233b43 : -16
22 : #26404a : -14
24 : #2a4651 : -12
26 : #2d4c58 : -10
28 : #31525e : -8
30 : #345865 : -6
32 : #375e6c : -4
34 : #3b6472 : -2
36 : #3e6a79 : ±0
38 : #426f80 : +2
40 : #457587 : +4
42 : #497b8d : +6
44 : #4c8194 : +8
46 : #50879b : +10
48 : #538da2 : +12
50 : #5793a8 : +14
52 : #5d97ac : +16
54 : #649baf : +18
56 : #6ba0b3 : +20
58 : #72a4b6 : +22
60 : #78a8ba : +24
62 : #7fadbd : +26
64 : #86b1c1 : +28
66 : #8db5c4 : +30
68 : #93bac8 : +32
70 : #9abecb : +34
72 : #a1c2ce : +36
74 : #a7c7d2 : +38
76 : #aecbd5 : +40
78 : #b5cfd9 : +42
80 : #bcd4dc : +44
82 : #c2d8e0 : +46
84 : #c9dce3 : +48
86 : #d0e1e7 : +50
88 : #d7e5ea : +52
90 : #dde9ee : +54
92 : #e4eef1 : +56
94 : #ebf2f5 : +58
96 : #f2f6f8 : +60
98 : #f8fbfc : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow