#013256
RGB
赤 | 1 |
---|---|
緑 | 50 |
青 | 86 |
HSL
色相 | 205° |
---|---|
彩度 | 98% |
明度 | 17% |
輝度 | 15% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 1, 緑 = 50, 青 = 86 )
HSL ( 色相 = 205°, 彩度 = 98%, 明度 = 17% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #560801 : -200
15 : #561601 : -190
25 : #562401 : -180
35 : #563201 : -170
45 : #564101 : -160
55 : #564f01 : -150
65 : #4f5601 : -140
75 : #415601 : -130
85 : #325601 : -120
95 : #245601 : -110
105 : #165601 : -100
115 : #085601 : -90
125 : #015608 : -80
135 : #015616 : -70
145 : #015624 : -60
155 : #015632 : -50
165 : #015641 : -40
175 : #01564f : -30
185 : #014f56 : -20
195 : #014156 : -10
205 : #013256 : ±0
215 : #012456 : +10
225 : #011656 : +20
235 : #010856 : +30
245 : #080156 : +40
255 : #160156 : +50
265 : #240156 : +60
275 : #320156 : +70
285 : #410156 : +80
295 : #4f0156 : +90
305 : #56014f : +100
315 : #560141 : +110
325 : #560132 : +120
335 : #560124 : +130
345 : #560116 : +140
355 : #560108 : +150
195 : #014156 : -10
196 : #013f56 : -9
197 : #013e56 : -8
198 : #013c56 : -7
199 : #013b56 : -6
200 : #013a56 : -5
201 : #013856 : -4
202 : #013756 : -3
203 : #013556 : -2
204 : #013456 : -1
205 : #013256 : ±0
206 : #013156 : +1
207 : #013056 : +2
208 : #012e56 : +3
209 : #012d56 : +4
210 : #012b56 : +5
211 : #012a56 : +6
212 : #012956 : +7
213 : #012756 : +8
214 : #012656 : +9
215 : #012456 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -98
2 : #2a2b2c : -96
4 : #2a2c2d : -94
6 : #292c2e : -92
8 : #282c2f : -90
10 : #272c30 : -88
12 : #262c31 : -86
14 : #252c31 : -84
16 : #242d32 : -82
18 : #242d33 : -80
20 : #232d34 : -78
22 : #222d35 : -76
24 : #212d36 : -74
26 : #202d37 : -72
28 : #1f2d37 : -70
30 : #1e2e38 : -68
32 : #1d2e39 : -66
34 : #1d2e3a : -64
36 : #1c2e3b : -62
38 : #1b2e3c : -60
40 : #1a2e3d : -58
42 : #192e3e : -56
44 : #182f3e : -54
46 : #172f3f : -52
48 : #172f40 : -50
50 : #162f41 : -48
52 : #152f42 : -46
54 : #142f43 : -44
56 : #132f44 : -42
58 : #123044 : -40
60 : #113045 : -38
62 : #103046 : -36
64 : #103047 : -34
66 : #0f3048 : -32
68 : #0e3049 : -30
70 : #0d304a : -28
72 : #0c314b : -26
74 : #0b314b : -24
76 : #0a314c : -22
78 : #0a314d : -20
80 : #09314e : -18
82 : #08314f : -16
84 : #073150 : -14
86 : #063251 : -12
88 : #053251 : -10
90 : #043252 : -8
92 : #033253 : -6
94 : #033254 : -4
96 : #023255 : -2
98 : #013256 : ±0
100 : #003357 : +2
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #000305 : -16
3 : #00090f : -14
5 : #000f19 : -12
7 : #001523 : -10
9 : #001b2d : -8
11 : #012138 : -6
13 : #012742 : -4
15 : #012c4c : -2
17 : #013256 : ±0
19 : #013860 : +2
21 : #013e6a : +4
23 : #014474 : +6
25 : #014a7e : +8
27 : #015088 : +10
29 : #015692 : +12
31 : #025c9d : +14
33 : #0262a7 : +16
35 : #0268b1 : +18
37 : #026ebb : +20
39 : #0274c5 : +22
41 : #027acf : +24
43 : #0280d9 : +26
45 : #0285e3 : +28
47 : #028bed : +30
49 : #0291f7 : +32
51 : #0896fd : +34
53 : #129bfd : +36
55 : #1c9ffd : +38
57 : #26a3fd : +40
59 : #30a8fd : +42
61 : #3aacfd : +44
63 : #44b0fd : +46
65 : #4eb4fd : +48
67 : #58b9fd : +50
69 : #62bdfd : +52
71 : #6dc1fe : +54
73 : #77c5fe : +56
75 : #81cafe : +58
77 : #8bcefe : +60
79 : #95d2fe : +62
81 : #9fd6fe : +64
83 : #a9dbfe : +66
85 : #b3dffe : +68
87 : #bde3fe : +70
89 : #c7e8fe : +72
91 : #d2ecff : +74
93 : #dcf0ff : +76
95 : #e6f4ff : +78
97 : #f0f9ff : +80
99 : #fafdff : +82
CSS入門、作ってます。
text-shadow