#0d4478
RGB
赤 | 13 |
---|---|
緑 | 68 |
青 | 120 |
HSL
色相 | 209° |
---|---|
彩度 | 80% |
明度 | 26% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 13, 緑 = 68, 青 = 120 )
HSL ( 色相 = 209°, 彩度 = 80%, 明度 = 26% )
H : 色相 ( 209° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #771d0d : -200
19 : #772f0d : -190
29 : #77410d : -180
39 : #77520d : -170
49 : #77640d : -160
59 : #77760d : -150
69 : #67770d : -140
79 : #56770d : -130
89 : #44770d : -120
99 : #32770d : -110
109 : #21770d : -100
119 : #0f770d : -90
129 : #0d771d : -80
139 : #0d772f : -70
149 : #0d7741 : -60
159 : #0d7752 : -50
169 : #0d7764 : -40
179 : #0d7776 : -30
189 : #0d6777 : -20
199 : #0d5677 : -10
209 : #0d4477 : ±0
219 : #0d3277 : +10
229 : #0d2177 : +20
239 : #0d0f77 : +30
249 : #1d0d77 : +40
259 : #2f0d77 : +50
269 : #410d77 : +60
279 : #520d77 : +70
289 : #640d77 : +80
299 : #760d77 : +90
309 : #770d67 : +100
319 : #770d56 : +110
329 : #770d44 : +120
339 : #770d32 : +130
349 : #770d21 : +140
359 : #770d0f : +150
199 : #0d5677 : -10
200 : #0d5477 : -9
201 : #0d5277 : -8
202 : #0d5077 : -7
203 : #0d4f77 : -6
204 : #0d4d77 : -5
205 : #0d4b77 : -4
206 : #0d4977 : -3
207 : #0d4877 : -2
208 : #0d4677 : -1
209 : #0d4477 : ±0
210 : #0d4277 : +1
211 : #0d4177 : +2
212 : #0d3f77 : +3
213 : #0d3d77 : +4
214 : #0d3b77 : +5
215 : #0d3977 : +6
216 : #0d3877 : +7
217 : #0d3677 : +8
218 : #0d3477 : +9
219 : #0d3277 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -80
2 : #414244 : -78
4 : #404245 : -76
6 : #3e4246 : -74
8 : #3d4248 : -72
10 : #3c4349 : -70
12 : #3a434a : -68
14 : #39434c : -66
16 : #38434d : -64
18 : #36434e : -62
20 : #354350 : -60
22 : #344351 : -58
24 : #324352 : -56
26 : #314354 : -54
28 : #304355 : -52
30 : #2e4356 : -50
32 : #2d4358 : -48
34 : #2c4359 : -46
36 : #2a435a : -44
38 : #29435b : -42
40 : #28435d : -40
42 : #26435e : -38
44 : #25435f : -36
46 : #244361 : -34
48 : #224362 : -32
50 : #214363 : -30
52 : #204365 : -28
54 : #1e4366 : -26
56 : #1d4467 : -24
58 : #1c4469 : -22
60 : #1b446a : -20
62 : #19446b : -18
64 : #18446d : -16
66 : #17446e : -14
68 : #15446f : -12
70 : #144471 : -10
72 : #134472 : -8
74 : #114473 : -6
76 : #104475 : -4
78 : #0f4476 : -2
80 : #0d4477 : ±0
82 : #0c4479 : +2
84 : #0b447a : +4
86 : #09447b : +6
88 : #08447d : +8
90 : #07447e : +10
92 : #05447f : +12
94 : #044481 : +14
96 : #034482 : +16
98 : #014483 : +18
100 : #004585 : +20
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #010509 : -24
4 : #020a12 : -22
6 : #03101c : -20
8 : #041525 : -18
10 : #051a2e : -16
12 : #061f37 : -14
14 : #072540 : -12
16 : #082a49 : -10
18 : #092f53 : -8
20 : #0a345c : -6
22 : #0b3a65 : -4
24 : #0c3f6e : -2
26 : #0d4477 : ±0
28 : #0e4981 : +2
30 : #0f4f8a : +4
32 : #105493 : +6
34 : #11599c : +8
36 : #125ea5 : +10
38 : #1363ae : +12
40 : #1469b8 : +14
42 : #156ec1 : +16
44 : #1673ca : +18
46 : #1778d3 : +20
48 : #187edc : +22
50 : #1a83e6 : +24
52 : #2388e7 : +26
54 : #2c8de8 : +28
56 : #3592e9 : +30
58 : #3e97ea : +32
60 : #479ceb : +34
62 : #51a1ec : +36
64 : #5aa6ed : +38
66 : #63abee : +40
68 : #6cb0ef : +42
70 : #75b5f0 : +44
72 : #7ebaf1 : +46
74 : #88bef2 : +48
76 : #91c3f3 : +50
78 : #9ac8f4 : +52
80 : #a3cdf5 : +54
82 : #acd2f6 : +56
84 : #b6d7f7 : +58
86 : #bfdcf8 : +60
88 : #c8e1f9 : +62
90 : #d1e6fa : +64
92 : #daebfb : +66
94 : #e3f0fc : +68
96 : #edf5fd : +70
98 : #f6fafe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow