#001beb
RGB
赤 | 0 |
---|---|
緑 | 27 |
青 | 235 |
HSL
色相 | 233° |
---|---|
彩度 | 100% |
明度 | 46% |
輝度 | 17% |
3桁の色
補色
反転色
RGB ( 赤 = 0, 緑 = 27, 青 = 235 )
HSL ( 色相 = 233°, 彩度 = 100%, 明度 = 46% )
H : 色相 ( 233° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #eb0c00 : -230
13 : #eb3300 : -220
23 : #eb5a00 : -210
33 : #eb8100 : -200
43 : #eba800 : -190
53 : #ebcf00 : -180
63 : #dfeb00 : -170
73 : #b8eb00 : -160
83 : #91eb00 : -150
93 : #6aeb00 : -140
103 : #42eb00 : -130
113 : #1beb00 : -120
123 : #00eb0c : -110
133 : #00eb33 : -100
143 : #00eb5a : -90
153 : #00eb81 : -80
163 : #00eba8 : -70
173 : #00ebcf : -60
183 : #00dfeb : -50
193 : #00b8eb : -40
203 : #0091eb : -30
213 : #006aeb : -20
223 : #0042eb : -10
233 : #001beb : ±0
243 : #0c00eb : +10
253 : #3300eb : +20
263 : #5a00eb : +30
273 : #8100eb : +40
283 : #a800eb : +50
293 : #cf00eb : +60
303 : #eb00df : +70
313 : #eb00b8 : +80
323 : #eb0091 : +90
333 : #eb006a : +100
343 : #eb0042 : +110
353 : #eb001b : +120
223 : #0042eb : -10
224 : #003feb : -9
225 : #003beb : -8
226 : #0037eb : -7
227 : #0033eb : -6
228 : #002feb : -5
229 : #002beb : -4
230 : #0027eb : -3
231 : #0023eb : -2
232 : #001feb : -1
233 : #001beb : ±0
234 : #0017eb : +1
235 : #0014eb : +2
236 : #0010eb : +3
237 : #000ceb : +4
238 : #0008eb : +5
239 : #0004eb : +6
240 : #0000eb : +7
241 : #0400eb : +8
242 : #0800eb : +9
243 : #0c00eb : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -100
2 : #737478 : -98
4 : #71727a : -96
6 : #6e707c : -94
8 : #6c6e7f : -92
10 : #6a6c81 : -90
12 : #676b83 : -88
14 : #656986 : -86
16 : #636788 : -84
18 : #60658a : -82
20 : #5e638d : -80
22 : #5b628f : -78
24 : #596091 : -76
26 : #575e94 : -74
28 : #545c96 : -72
30 : #525a98 : -70
32 : #50599b : -68
34 : #4d579d : -66
36 : #4b55a0 : -64
38 : #4953a2 : -62
40 : #4651a4 : -60
42 : #4450a7 : -58
44 : #424ea9 : -56
46 : #3f4cab : -54
48 : #3d4aae : -52
50 : #3b48b0 : -50
52 : #3847b2 : -48
54 : #3645b5 : -46
56 : #3443b7 : -44
58 : #3141b9 : -42
60 : #2f3fbc : -40
62 : #2d3ebe : -38
64 : #2a3cc0 : -36
66 : #283ac3 : -34
68 : #2638c5 : -32
70 : #2336c7 : -30
72 : #2135ca : -28
74 : #1e33cc : -26
76 : #1c31ce : -24
78 : #1a2fd1 : -22
80 : #172dd3 : -20
82 : #152cd5 : -18
84 : #132ad8 : -16
86 : #1028da : -14
88 : #0e26dd : -12
90 : #0c24df : -10
92 : #0923e1 : -8
94 : #0721e4 : -6
96 : #051fe6 : -4
98 : #021de8 : -2
100 : #001beb : ±0
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #00010a : -44
4 : #000214 : -42
6 : #00041f : -40
8 : #000529 : -38
10 : #000633 : -36
12 : #00073d : -34
14 : #000847 : -32
16 : #000a52 : -30
18 : #000b5c : -28
20 : #000c66 : -26
22 : #000d70 : -24
24 : #000e7a : -22
26 : #000f85 : -20
28 : #00118f : -18
30 : #001299 : -16
32 : #0013a3 : -14
34 : #0014ad : -12
36 : #0015b8 : -10
38 : #0017c2 : -8
40 : #0018cc : -6
42 : #0019d6 : -4
44 : #001ae0 : -2
46 : #001beb : ±0
48 : #001df5 : +2
50 : #001eff : +4
52 : #0a27ff : +6
54 : #1430ff : +8
56 : #1f39ff : +10
58 : #2942ff : +12
60 : #334bff : +14
62 : #3d54ff : +16
64 : #475dff : +18
66 : #5266ff : +20
68 : #5c6fff : +22
70 : #6678ff : +24
72 : #7081ff : +26
74 : #7a8aff : +28
76 : #8593ff : +30
78 : #8f9cff : +32
80 : #99a5ff : +34
82 : #a3aeff : +36
84 : #adb7ff : +38
86 : #b8c0ff : +40
88 : #c2c9ff : +42
90 : #ccd2ff : +44
92 : #d6dbff : +46
94 : #e0e4ff : +48
96 : #ebedff : +50
98 : #f5f6ff : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow