#163364
RGB
赤 | 22 |
---|---|
緑 | 51 |
青 | 100 |
HSL
色相 | 218° |
---|---|
彩度 | 64% |
明度 | 24% |
輝度 | 19% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 22, 緑 = 51, 青 = 100 )
HSL ( 色相 = 218°, 彩度 = 64%, 明度 = 24% )
H : 色相 ( 218° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #642016 : -210
18 : #642e16 : -200
28 : #643b16 : -190
38 : #644816 : -180
48 : #645516 : -170
58 : #646216 : -160
68 : #5a6416 : -150
78 : #4d6416 : -140
88 : #406416 : -130
98 : #336416 : -120
108 : #266416 : -110
118 : #196416 : -100
128 : #166420 : -90
138 : #16642e : -80
148 : #16643b : -70
158 : #166448 : -60
168 : #166455 : -50
178 : #166462 : -40
188 : #165a64 : -30
198 : #164d64 : -20
208 : #164064 : -10
218 : #163364 : ±0
228 : #162664 : +10
238 : #161964 : +20
248 : #201664 : +30
258 : #2e1664 : +40
268 : #3b1664 : +50
278 : #481664 : +60
288 : #551664 : +70
298 : #621664 : +80
308 : #64165a : +90
318 : #64164d : +100
328 : #641640 : +110
338 : #641633 : +120
348 : #641626 : +130
358 : #641619 : +140
208 : #164064 : -10
209 : #163f64 : -9
210 : #163d64 : -8
211 : #163c64 : -7
212 : #163b64 : -6
213 : #163964 : -5
214 : #163864 : -4
215 : #163764 : -3
216 : #163564 : -2
217 : #163464 : -1
218 : #163364 : ±0
219 : #163164 : +1
220 : #163064 : +2
221 : #162f64 : +3
222 : #162e64 : +4
223 : #162c64 : +5
224 : #162b64 : +6
225 : #162a64 : +7
226 : #162864 : +8
227 : #162764 : +9
228 : #162664 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -64
2 : #3c3d3e : -62
4 : #3b3d40 : -60
6 : #3a3c41 : -58
8 : #383c42 : -56
10 : #373c43 : -54
12 : #363b45 : -52
14 : #353b46 : -50
16 : #333b47 : -48
18 : #323a48 : -46
20 : #313a49 : -44
22 : #303a4b : -42
24 : #2f394c : -40
26 : #2d394d : -38
28 : #2c394e : -36
30 : #2b3850 : -34
32 : #2a3851 : -32
34 : #283852 : -30
36 : #273753 : -28
38 : #263754 : -26
40 : #253756 : -24
42 : #233657 : -22
44 : #223658 : -20
46 : #213659 : -18
48 : #20355b : -16
50 : #1f355c : -14
52 : #1d355d : -12
54 : #1c345e : -10
56 : #1b345f : -8
58 : #1a3461 : -6
60 : #183362 : -4
62 : #173363 : -2
64 : #163364 : ±0
66 : #153266 : +2
68 : #143267 : +4
70 : #123268 : +6
72 : #113169 : +8
74 : #10316a : +10
76 : #0f316c : +12
78 : #0d306d : +14
80 : #0c306e : +16
82 : #0b306f : +18
84 : #0a2f71 : +20
86 : #092f72 : +22
88 : #072f73 : +24
90 : #062f74 : +26
92 : #052e76 : +28
94 : #042e77 : +30
96 : #022e78 : +32
98 : #012d79 : +34
100 : #002d7a : +36
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #020408 : -22
4 : #040811 : -20
6 : #060d19 : -18
8 : #071121 : -16
10 : #09152a : -14
12 : #0b1932 : -12
14 : #0d1e3b : -10
16 : #0f2243 : -8
18 : #11264b : -6
20 : #122a54 : -4
22 : #142f5c : -2
24 : #163364 : ±0
26 : #18376d : +2
28 : #1a3b75 : +4
30 : #1c3f7d : +6
32 : #1d4486 : +8
34 : #1f488e : +10
36 : #214c97 : +12
38 : #23509f : +14
40 : #2555a7 : +16
42 : #2759b0 : +18
44 : #285db8 : +20
46 : #2a61c0 : +22
48 : #2c66c9 : +24
50 : #2e6ad1 : +26
52 : #3670d3 : +28
54 : #3f76d5 : +30
56 : #477cd7 : +32
58 : #4f82d8 : +34
60 : #5888da : +36
62 : #608edc : +38
64 : #6894de : +40
66 : #719ae0 : +42
68 : #799fe2 : +44
70 : #82a5e3 : +46
72 : #8aabe5 : +48
74 : #92b1e7 : +50
76 : #9bb7e9 : +52
78 : #a3bdeb : +54
80 : #abc3ed : +56
82 : #b4c9ee : +58
84 : #bccff0 : +60
86 : #c4d5f2 : +62
88 : #cddbf4 : +64
90 : #d5e1f6 : +66
92 : #dee7f8 : +68
94 : #e6edf9 : +70
96 : #eef3fb : +72
98 : #f7f9fd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow