#011d9d
RGB
赤 | 1 |
---|---|
緑 | 29 |
青 | 157 |
HSL
色相 | 229° |
---|---|
彩度 | 99% |
明度 | 31% |
輝度 | 14% |
3桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 29, 青 = 157 )
HSL ( 色相 = 229°, 彩度 = 99%, 明度 = 31% )
H : 色相 ( 229° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9d1801 : -220
19 : #9d3201 : -210
29 : #9d4c01 : -200
39 : #9d6701 : -190
49 : #9d8101 : -180
59 : #9d9b01 : -170
69 : #869d01 : -160
79 : #6c9d01 : -150
89 : #529d01 : -140
99 : #389d01 : -130
109 : #1d9d01 : -120
119 : #039d01 : -110
129 : #019d18 : -100
139 : #019d32 : -90
149 : #019d4c : -80
159 : #019d67 : -70
169 : #019d81 : -60
179 : #019d9b : -50
189 : #01869d : -40
199 : #016c9d : -30
209 : #01529d : -20
219 : #01389d : -10
229 : #011d9d : ±0
239 : #01039d : +10
249 : #18019d : +20
259 : #32019d : +30
269 : #4c019d : +40
279 : #67019d : +50
289 : #81019d : +60
299 : #9b019d : +70
309 : #9d0186 : +80
319 : #9d016c : +90
329 : #9d0152 : +100
339 : #9d0138 : +110
349 : #9d011d : +120
359 : #9d0103 : +130
219 : #01389d : -10
220 : #01359d : -9
221 : #01329d : -8
222 : #01309d : -7
223 : #012d9d : -6
224 : #012b9d : -5
225 : #01289d : -4
226 : #01259d : -3
227 : #01239d : -2
228 : #01209d : -1
229 : #011d9d : ±0
230 : #011b9d : +1
231 : #01189d : +2
232 : #01169d : +3
233 : #01139d : +4
234 : #01109d : +5
235 : #010e9d : +6
236 : #010b9d : +7
237 : #01099d : +8
238 : #01069d : +9
239 : #01039d : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e4f50 : -98
3 : #4d4e51 : -96
5 : #4b4d53 : -94
7 : #4a4c55 : -92
9 : #484b56 : -90
11 : #464a58 : -88
13 : #454959 : -86
15 : #43485b : -84
17 : #42475c : -82
19 : #40465e : -80
21 : #3e4560 : -78
23 : #3d4461 : -76
25 : #3b4363 : -74
27 : #3a4264 : -72
29 : #384166 : -70
31 : #374068 : -68
33 : #353f69 : -66
35 : #333e6b : -64
37 : #323d6c : -62
39 : #303c6e : -60
41 : #2f3b6f : -58
43 : #2d3a71 : -56
45 : #2b3973 : -54
47 : #2a3874 : -52
49 : #283776 : -50
51 : #273677 : -48
53 : #253579 : -46
55 : #24347b : -44
57 : #22337c : -42
59 : #20327e : -40
61 : #1f317f : -38
63 : #1d3081 : -36
65 : #1c2f82 : -34
67 : #1a2e84 : -32
69 : #192d86 : -30
71 : #172c87 : -28
73 : #152b89 : -26
75 : #142a8a : -24
77 : #12288c : -22
79 : #11278d : -20
81 : #0f268f : -18
83 : #0d2591 : -16
85 : #0c2492 : -14
87 : #0a2394 : -12
89 : #092295 : -10
91 : #072197 : -8
93 : #062099 : -6
95 : #041f9a : -4
97 : #021e9c : -2
99 : #011d9d : ±0
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -30
3 : #00030f : -28
5 : #000519 : -26
7 : #000724 : -24
9 : #00092e : -22
11 : #000a38 : -20
13 : #000c42 : -18
15 : #000e4c : -16
17 : #001056 : -14
19 : #001260 : -12
21 : #01146b : -10
23 : #011675 : -8
25 : #01187f : -6
27 : #011a89 : -4
29 : #011c93 : -2
31 : #011d9d : ±0
33 : #011fa7 : +2
35 : #0121b2 : +4
37 : #0123bc : +6
39 : #0125c6 : +8
41 : #0127d0 : +10
43 : #0129da : +12
45 : #012be4 : +14
47 : #012def : +16
49 : #012ff9 : +18
51 : #0634fe : +20
53 : #103cfe : +22
55 : #1b44fe : +24
57 : #254dfe : +26
59 : #2f55fe : +28
61 : #395dfe : +30
63 : #4365fe : +32
65 : #4d6efe : +34
67 : #5876fe : +36
69 : #627efe : +38
71 : #6c87fe : +40
73 : #768ffe : +42
75 : #8097fe : +44
77 : #8aa0fe : +46
79 : #94a8fe : +48
81 : #9fb0ff : +50
83 : #a9b8ff : +52
85 : #b3c1ff : +54
87 : #bdc9ff : +56
89 : #c7d1ff : +58
91 : #d1daff : +60
93 : #dbe2ff : +62
95 : #e6eaff : +64
97 : #f0f3ff : +66
99 : #fafbff : +68
CSS入門、作ってます。
text-shadow