#018cfe
RGB
赤 | 1 |
---|---|
緑 | 140 |
青 | 254 |
HSL
色相 | 207° |
---|---|
彩度 | 99% |
明度 | 50% |
輝度 | 44% |
3桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 140, 青 = 254 )
HSL ( 色相 = 207°, 彩度 = 99%, 明度 = 50% )
H : 色相 ( 207° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #fe1f01 : -200
17 : #fe4901 : -190
27 : #fe7301 : -180
37 : #fe9d01 : -170
47 : #fec701 : -160
57 : #fef101 : -150
67 : #e0fe01 : -140
77 : #b6fe01 : -130
87 : #8cfe01 : -120
97 : #62fe01 : -110
107 : #38fe01 : -100
117 : #0efe01 : -90
127 : #01fe1f : -80
137 : #01fe49 : -70
147 : #01fe73 : -60
157 : #01fe9d : -50
167 : #01fec7 : -40
177 : #01fef1 : -30
187 : #01e0fe : -20
197 : #01b6fe : -10
207 : #018cfe : ±0
217 : #0162fe : +10
227 : #0138fe : +20
237 : #010efe : +30
247 : #1f01fe : +40
257 : #4901fe : +50
267 : #7301fe : +60
277 : #9d01fe : +70
287 : #c701fe : +80
297 : #f101fe : +90
307 : #fe01e0 : +100
317 : #fe01b6 : +110
327 : #fe018c : +120
337 : #fe0162 : +130
347 : #fe0138 : +140
357 : #fe010e : +150
197 : #01b6fe : -10
198 : #01b2fe : -9
199 : #01aefe : -8
200 : #01aafe : -7
201 : #01a5fe : -6
202 : #01a1fe : -5
203 : #019dfe : -4
204 : #0199fe : -3
205 : #0195fe : -2
206 : #0190fe : -1
207 : #018cfe : ±0
208 : #0188fe : +1
209 : #0184fe : +2
210 : #0180fe : +3
211 : #017bfe : +4
212 : #0177fe : +5
213 : #0173fe : +6
214 : #016ffe : +7
215 : #016afe : +8
216 : #0166fe : +9
217 : #0162fe : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e8081 : -98
3 : #7c8083 : -96
5 : #798086 : -94
7 : #778088 : -92
9 : #74818b : -90
11 : #71818e : -88
13 : #6f8190 : -86
15 : #6c8193 : -84
17 : #6a8295 : -82
19 : #678298 : -80
21 : #65829a : -78
23 : #62829d : -76
25 : #60839f : -74
27 : #5d83a2 : -72
29 : #5b83a4 : -70
31 : #5883a7 : -68
33 : #5584aa : -66
35 : #5384ac : -64
37 : #5084af : -62
39 : #4e84b1 : -60
41 : #4b85b4 : -58
43 : #4985b6 : -56
45 : #4685b9 : -54
47 : #4485bb : -52
49 : #4186be : -50
51 : #3e86c1 : -48
53 : #3c86c3 : -46
55 : #3987c6 : -44
57 : #3787c8 : -42
59 : #3487cb : -40
61 : #3287cd : -38
63 : #2f88d0 : -36
65 : #2d88d2 : -34
67 : #2a88d5 : -32
69 : #2888d7 : -30
71 : #2589da : -28
73 : #2289dd : -26
75 : #2089df : -24
77 : #1d89e2 : -22
79 : #1b8ae4 : -20
81 : #188ae7 : -18
83 : #168ae9 : -16
85 : #138aec : -14
87 : #118bee : -12
89 : #0e8bf1 : -10
91 : #0b8bf4 : -8
93 : #098bf6 : -6
95 : #068cf9 : -4
97 : #048cfb : -2
99 : #018cfe : ±0
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #00060a : -48
4 : #000b14 : -46
6 : #00111e : -44
8 : #001629 : -42
10 : #001c33 : -40
12 : #00223d : -38
14 : #002747 : -36
16 : #002d51 : -34
18 : #00325b : -32
20 : #013865 : -30
22 : #013e70 : -28
24 : #01437a : -26
26 : #014984 : -24
28 : #014e8e : -22
30 : #015498 : -20
32 : #015aa2 : -18
34 : #015fad : -16
36 : #0165b7 : -14
38 : #016ac1 : -12
40 : #0170cb : -10
42 : #0176d5 : -8
44 : #017bdf : -6
46 : #0181e9 : -4
48 : #0187f4 : -2
50 : #018cfe : ±0
52 : #0b91fe : +2
54 : #1695fe : +4
56 : #209afe : +6
58 : #2a9ffe : +8
60 : #34a3fe : +10
62 : #3ea8fe : +12
64 : #48acfe : +14
66 : #52b1fe : +16
68 : #5db5fe : +18
70 : #67bafe : +20
72 : #71bffe : +22
74 : #7bc3fe : +24
76 : #85c8fe : +26
78 : #8fccfe : +28
80 : #9ad1fe : +30
82 : #a4d6ff : +32
84 : #aedaff : +34
86 : #b8dfff : +36
88 : #c2e3ff : +38
90 : #cce8ff : +40
92 : #d6edff : +42
94 : #e1f1ff : +44
96 : #ebf6ff : +46
98 : #f5faff : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow