#16339c
RGB
赤 | 22 |
---|---|
緑 | 51 |
青 | 156 |
HSL
色相 | 227° |
---|---|
彩度 | 75% |
明度 | 35% |
輝度 | 21% |
3桁の色
補色
反転色
RGB ( 赤 = 22, 緑 = 51, 青 = 156 )
HSL ( 色相 = 227°, 彩度 = 75%, 明度 = 35% )
H : 色相 ( 227° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9c2616 : -220
17 : #9c3c16 : -210
27 : #9c5316 : -200
37 : #9c6916 : -190
47 : #9c7f16 : -180
57 : #9c9516 : -170
67 : #8d9c16 : -160
77 : #769c16 : -150
87 : #609c16 : -140
97 : #4a9c16 : -130
107 : #339c16 : -120
117 : #1d9c16 : -110
127 : #169c26 : -100
137 : #169c3c : -90
147 : #169c53 : -80
157 : #169c69 : -70
167 : #169c7f : -60
177 : #169c95 : -50
187 : #168d9c : -40
197 : #16769c : -30
207 : #16609c : -20
217 : #164a9c : -10
227 : #16339c : ±0
237 : #161d9c : +10
247 : #26169c : +20
257 : #3c169c : +30
267 : #53169c : +40
277 : #69169c : +50
287 : #7f169c : +60
297 : #95169c : +70
307 : #9c168d : +80
317 : #9c1676 : +90
327 : #9c1660 : +100
337 : #9c164a : +110
347 : #9c1633 : +120
357 : #9c161d : +130
217 : #164a9c : -10
218 : #16479c : -9
219 : #16459c : -8
220 : #16439c : -7
221 : #16419c : -6
222 : #163e9c : -5
223 : #163c9c : -4
224 : #163a9c : -3
225 : #16389c : -2
226 : #16369c : -1
227 : #16339c : ±0
228 : #16319c : +1
229 : #162f9c : +2
230 : #162d9c : +3
231 : #162a9c : +4
232 : #16289c : +5
233 : #16269c : +6
234 : #16249c : +7
235 : #16219c : +8
236 : #161f9c : +9
237 : #161d9c : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #58595a : -74
3 : #57585c : -72
5 : #55575e : -70
7 : #53565f : -68
9 : #515561 : -66
11 : #4f5463 : -64
13 : #4e5365 : -62
15 : #4c5267 : -60
17 : #4a5168 : -58
19 : #48506a : -56
21 : #474f6c : -54
23 : #454e6e : -52
25 : #434d70 : -50
27 : #414c71 : -48
29 : #3f4b73 : -46
31 : #3e4a75 : -44
33 : #3c4977 : -42
35 : #3a4878 : -40
37 : #38477a : -38
39 : #36467c : -36
41 : #35457e : -34
43 : #334480 : -32
45 : #314281 : -30
47 : #2f4183 : -28
49 : #2e4085 : -26
51 : #2c3f87 : -24
53 : #2a3e89 : -22
55 : #283d8a : -20
57 : #263c8c : -18
59 : #253b8e : -16
61 : #233a90 : -14
63 : #213991 : -12
65 : #1f3893 : -10
67 : #1d3795 : -8
69 : #1c3697 : -6
71 : #1a3599 : -4
73 : #18349a : -2
75 : #16339c : ±0
77 : #15329e : +2
79 : #1331a0 : +4
81 : #1130a2 : +6
83 : #0f2fa3 : +8
85 : #0d2ea5 : +10
87 : #0c2da7 : +12
89 : #0a2ca9 : +14
91 : #082baa : +16
93 : #062aac : +18
95 : #0429ae : +20
97 : #0328b0 : +22
99 : #0127b2 : +24
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -34
3 : #02040d : -32
5 : #030716 : -30
7 : #040a1f : -28
9 : #060d28 : -26
11 : #071031 : -24
13 : #08133a : -22
15 : #0a1643 : -20
17 : #0b194c : -18
19 : #0c1c55 : -16
21 : #0d1f5e : -14
23 : #0f2267 : -12
25 : #102570 : -10
27 : #112878 : -8
29 : #122b81 : -6
31 : #142d8a : -4
33 : #153093 : -2
35 : #16339c : ±0
37 : #1836a5 : +2
39 : #1939ae : +4
41 : #1a3cb7 : +6
43 : #1b3fc0 : +8
45 : #1d42c9 : +10
47 : #1e45d2 : +12
49 : #1f48db : +14
51 : #244de0 : +16
53 : #2d54e1 : +18
55 : #365be2 : +20
57 : #3f63e4 : +22
59 : #486ae5 : +24
61 : #5171e6 : +26
63 : #5a79e7 : +28
65 : #6380e9 : +30
67 : #6c87ea : +32
69 : #758eeb : +34
71 : #7e96ed : +36
73 : #879dee : +38
75 : #8fa4ef : +40
77 : #98abf0 : +42
79 : #a1b3f2 : +44
81 : #aabaf3 : +46
83 : #b3c1f4 : +48
85 : #bcc8f5 : +50
87 : #c5d0f7 : +52
89 : #ced7f8 : +54
91 : #d7def9 : +56
93 : #e0e6fb : +58
95 : #e9edfc : +60
97 : #f2f4fd : +62
99 : #fbfbfe : +64
CSS入門、作ってます。
text-shadow