#102b51
RGB
赤 | 16 |
---|---|
緑 | 43 |
青 | 81 |
HSL
色相 | 215° |
---|---|
彩度 | 67% |
明度 | 19% |
輝度 | 15% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 16, 緑 = 43, 青 = 81 )
HSL ( 色相 = 215°, 彩度 = 67%, 明度 = 19% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #511510 : -210
15 : #512010 : -200
25 : #512b10 : -190
35 : #513610 : -180
45 : #514110 : -170
55 : #514c10 : -160
65 : #4c5110 : -150
75 : #415110 : -140
85 : #365110 : -130
95 : #2b5110 : -120
105 : #205110 : -110
115 : #155110 : -100
125 : #105115 : -90
135 : #105120 : -80
145 : #10512b : -70
155 : #105136 : -60
165 : #105141 : -50
175 : #10514c : -40
185 : #104c51 : -30
195 : #104151 : -20
205 : #103651 : -10
215 : #102b51 : ±0
225 : #102051 : +10
235 : #101551 : +20
245 : #151051 : +30
255 : #201051 : +40
265 : #2b1051 : +50
275 : #361051 : +60
285 : #411051 : +70
295 : #4c1051 : +80
305 : #51104c : +90
315 : #511041 : +100
325 : #511036 : +110
335 : #51102b : +120
345 : #511020 : +130
355 : #511015 : +140
205 : #103651 : -10
206 : #103551 : -9
207 : #103451 : -8
208 : #103351 : -7
209 : #103251 : -6
210 : #103051 : -5
211 : #102f51 : -4
212 : #102e51 : -3
213 : #102d51 : -2
214 : #102c51 : -1
215 : #102b51 : ±0
216 : #102a51 : +1
217 : #102951 : +2
218 : #102851 : +3
219 : #102751 : +4
220 : #102651 : +5
221 : #102551 : +6
222 : #102351 : +7
223 : #102251 : +8
224 : #102151 : +9
225 : #102051 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -66
3 : #2f3032 : -64
5 : #2e3033 : -62
7 : #2d3034 : -60
9 : #2c3035 : -58
11 : #2b3036 : -56
13 : #2a2f37 : -54
15 : #292f38 : -52
17 : #282f39 : -50
19 : #272f3a : -48
21 : #262f3b : -46
23 : #252f3c : -44
25 : #242e3d : -42
27 : #232e3e : -40
29 : #222e3f : -38
31 : #212e3f : -36
33 : #202e40 : -34
35 : #1f2e41 : -32
37 : #1f2d42 : -30
39 : #1e2d43 : -28
41 : #1d2d44 : -26
43 : #1c2d45 : -24
45 : #1b2d46 : -22
47 : #1a2d47 : -20
49 : #192c48 : -18
51 : #182c49 : -16
53 : #172c4a : -14
55 : #162c4b : -12
57 : #152c4c : -10
59 : #142c4d : -8
61 : #132c4e : -6
63 : #122b4f : -4
65 : #112b50 : -2
67 : #102b51 : ±0
69 : #0f2b52 : +2
71 : #0e2b53 : +4
73 : #0d2b54 : +6
75 : #0c2a55 : +8
77 : #0b2a56 : +10
79 : #0a2a57 : +12
81 : #092a58 : +14
83 : #082a59 : +16
85 : #072a5a : +18
87 : #06295b : +20
89 : #05295c : +22
91 : #04295d : +24
93 : #03295e : +26
95 : #02295e : +28
97 : #01295f : +30
99 : #002860 : +32
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -18
3 : #03070d : -16
5 : #040b15 : -14
7 : #06101e : -12
9 : #081426 : -10
11 : #09192f : -8
13 : #0b1d37 : -6
15 : #0d2240 : -4
17 : #0e2748 : -2
19 : #102b51 : ±0
21 : #123059 : +2
23 : #133462 : +4
25 : #15396a : +6
27 : #173d73 : +8
29 : #18427b : +10
31 : #1a4684 : +12
33 : #1c4b8d : +14
35 : #1d4f95 : +16
37 : #1f549e : +18
39 : #2158a6 : +20
41 : #235daf : +22
43 : #2461b7 : +24
45 : #2666c0 : +26
47 : #286ac8 : +28
49 : #296fd1 : +30
51 : #2e74d6 : +32
53 : #377ad7 : +34
55 : #3f7fd9 : +36
57 : #4885db : +38
59 : #508bdc : +40
61 : #5990de : +42
63 : #6196e0 : +44
65 : #6a9ce2 : +46
67 : #72a1e3 : +48
69 : #7ba7e5 : +50
71 : #84ade7 : +52
73 : #8cb2e8 : +54
75 : #95b8ea : +56
77 : #9dbeec : +58
79 : #a6c3ed : +60
81 : #aec9ef : +62
83 : #b7cff1 : +64
85 : #bfd4f2 : +66
87 : #c8daf4 : +68
89 : #d0e0f6 : +70
91 : #d9e5f7 : +72
93 : #e1ebf9 : +74
95 : #eaf1fb : +76
97 : #f2f6fc : +78
99 : #fbfcfe : +80
CSS入門、作ってます。
text-shadow