#629fb2
RGB
赤 | 98 |
---|---|
緑 | 159 |
青 | 178 |
HSL
色相 | 194° |
---|---|
彩度 | 34% |
明度 | 54% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 98, 緑 = 159, 青 = 178 )
HSL ( 色相 = 194°, 彩度 = 34%, 明度 = 54% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #b26762 : -190
14 : #b27462 : -180
24 : #b28262 : -170
34 : #b28f62 : -160
44 : #b29c62 : -150
54 : #b2aa62 : -140
64 : #acb262 : -130
74 : #9fb262 : -120
84 : #92b262 : -110
94 : #84b262 : -100
104 : #77b262 : -90
114 : #6ab262 : -80
124 : #62b267 : -70
134 : #62b274 : -60
144 : #62b282 : -50
154 : #62b28f : -40
164 : #62b29c : -30
174 : #62b2aa : -20
184 : #62acb2 : -10
194 : #629fb2 : ±0
204 : #6292b2 : +10
214 : #6284b2 : +20
224 : #6277b2 : +30
234 : #626ab2 : +40
244 : #6762b2 : +50
254 : #7462b2 : +60
264 : #8262b2 : +70
274 : #8f62b2 : +80
284 : #9c62b2 : +90
294 : #aa62b2 : +100
304 : #b262ac : +110
314 : #b2629f : +120
324 : #b26292 : +130
334 : #b26284 : +140
344 : #b26277 : +150
354 : #b2626a : +160
184 : #62acb2 : -10
185 : #62abb2 : -9
186 : #62aab2 : -8
187 : #62a8b2 : -7
188 : #62a7b2 : -6
189 : #62a6b2 : -5
190 : #62a4b2 : -4
191 : #62a3b2 : -3
192 : #62a2b2 : -2
193 : #62a0b2 : -1
194 : #629fb2 : ±0
195 : #629eb2 : +1
196 : #629cb2 : +2
197 : #629bb2 : +3
198 : #629ab2 : +4
199 : #6298b2 : +5
200 : #6297b2 : +6
201 : #6296b2 : +7
202 : #6294b2 : +8
203 : #6293b2 : +9
204 : #6292b2 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -34
2 : #878b8c : -32
4 : #858c8e : -30
6 : #838d91 : -28
8 : #808f93 : -26
10 : #7e9095 : -24
12 : #7c9198 : -22
14 : #79929a : -20
16 : #77949c : -18
18 : #75959f : -16
20 : #7296a1 : -14
22 : #7097a4 : -12
24 : #6e99a6 : -10
26 : #6b9aa8 : -8
28 : #699bab : -6
30 : #679cad : -4
32 : #649eaf : -2
34 : #629fb2 : ±0
36 : #5fa0b4 : +2
38 : #5da1b6 : +4
40 : #5ba3b9 : +6
42 : #58a4bb : +8
44 : #56a5bd : +10
46 : #54a6c0 : +12
48 : #51a8c2 : +14
50 : #4fa9c4 : +16
52 : #4daac7 : +18
54 : #4aabc9 : +20
56 : #48adcb : +22
58 : #46aece : +24
60 : #43afd0 : +26
62 : #41b0d2 : +28
64 : #3fb2d5 : +30
66 : #3cb3d7 : +32
68 : #3ab4d9 : +34
70 : #38b5dc : +36
72 : #35b7de : +38
74 : #33b8e1 : +40
76 : #31b9e3 : +42
78 : #2ebae5 : +44
80 : #2cbce8 : +46
82 : #2abdea : +48
84 : #27beec : +50
86 : #25c0ef : +52
88 : #22c1f1 : +54
90 : #20c2f3 : +56
92 : #1ec3f6 : +58
94 : #1bc5f8 : +60
96 : #19c6fa : +62
98 : #17c7fd : +64
100 : #14c8ff : +66
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #030607 : -52
4 : #070c0e : -50
6 : #0a1215 : -48
8 : #0d181b : -46
10 : #111e22 : -44
12 : #142429 : -42
14 : #182a30 : -40
16 : #1b3037 : -38
18 : #1e363e : -36
20 : #223c44 : -34
22 : #25424b : -32
24 : #284852 : -30
26 : #2c4e59 : -28
28 : #2f5460 : -26
30 : #325a67 : -24
32 : #36606d : -22
34 : #396674 : -20
36 : #3d6c7b : -18
38 : #407282 : -16
40 : #437889 : -14
42 : #477f90 : -12
44 : #4a8596 : -10
46 : #4d8b9d : -8
48 : #5191a4 : -6
50 : #5497ab : -4
52 : #5b9bae : -2
54 : #629fb2 : ±0
56 : #69a3b5 : +2
58 : #6fa7b8 : +4
60 : #76abbc : +6
62 : #7db0bf : +8
64 : #84b4c2 : +10
66 : #8bb8c6 : +12
68 : #92bcc9 : +14
70 : #98c0cd : +16
72 : #9fc5d0 : +18
74 : #a6c9d3 : +20
76 : #adcdd7 : +22
78 : #b4d1da : +24
80 : #bbd5dd : +26
82 : #c1d9e1 : +28
84 : #c8dee4 : +30
86 : #cfe2e7 : +32
88 : #d6e6eb : +34
90 : #ddeaee : +36
92 : #e4eef2 : +38
94 : #eaf2f5 : +40
96 : #f1f7f8 : +42
98 : #f8fbfc : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow