#3300eb
RGB
赤 | 51 |
---|---|
緑 | 0 |
青 | 235 |
HSL
色相 | 253° |
---|---|
彩度 | 100% |
明度 | 46% |
輝度 | 16% |
3桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 0, 青 = 235 )
HSL ( 色相 = 253°, 彩度 = 100%, 明度 = 46% )
H : 色相 ( 253° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #eb0c00 : -250
13 : #eb3300 : -240
23 : #eb5a00 : -230
33 : #eb8100 : -220
43 : #eba800 : -210
53 : #ebcf00 : -200
63 : #dfeb00 : -190
73 : #b8eb00 : -180
83 : #91eb00 : -170
93 : #6aeb00 : -160
103 : #42eb00 : -150
113 : #1beb00 : -140
123 : #00eb0c : -130
133 : #00eb33 : -120
143 : #00eb5a : -110
153 : #00eb81 : -100
163 : #00eba8 : -90
173 : #00ebcf : -80
183 : #00dfeb : -70
193 : #00b8eb : -60
203 : #0091eb : -50
213 : #006aeb : -40
223 : #0042eb : -30
233 : #001beb : -20
243 : #0c00eb : -10
253 : #3300eb : ±0
263 : #5a00eb : +10
273 : #8100eb : +20
283 : #a800eb : +30
293 : #cf00eb : +40
303 : #eb00df : +50
313 : #eb00b8 : +60
323 : #eb0091 : +70
333 : #eb006a : +80
343 : #eb0042 : +90
353 : #eb001b : +100
243 : #0c00eb : -10
244 : #1000eb : -9
245 : #1400eb : -8
246 : #1700eb : -7
247 : #1b00eb : -6
248 : #1f00eb : -5
249 : #2300eb : -4
250 : #2700eb : -3
251 : #2b00eb : -2
252 : #2f00eb : -1
253 : #3300eb : ±0
254 : #3700eb : +1
255 : #3b00eb : +2
256 : #3f00eb : +3
257 : #4200eb : +4
258 : #4600eb : +5
259 : #4a00eb : +6
260 : #4e00eb : +7
261 : #5200eb : +8
262 : #5600eb : +9
263 : #5a00eb : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -100
2 : #747378 : -98
4 : #73717a : -96
6 : #716e7c : -94
8 : #706c7f : -92
10 : #6f6a81 : -90
12 : #6d6783 : -88
14 : #6c6586 : -86
16 : #6b6388 : -84
18 : #69608a : -82
20 : #685e8d : -80
22 : #675b8f : -78
24 : #655991 : -76
26 : #645794 : -74
28 : #635496 : -72
30 : #615298 : -70
32 : #60509b : -68
34 : #5f4d9d : -66
36 : #5d4ba0 : -64
38 : #5c49a2 : -62
40 : #5b46a4 : -60
42 : #5944a7 : -58
44 : #5842a9 : -56
46 : #573fab : -54
48 : #553dae : -52
50 : #543bb0 : -50
52 : #5338b2 : -48
54 : #5136b5 : -46
56 : #5034b7 : -44
58 : #4f31b9 : -42
60 : #4d2fbc : -40
62 : #4c2dbe : -38
64 : #4b2ac0 : -36
66 : #4928c3 : -34
68 : #4826c5 : -32
70 : #4723c7 : -30
72 : #4521ca : -28
74 : #441ecc : -26
76 : #431cce : -24
78 : #411ad1 : -22
80 : #4017d3 : -20
82 : #3f15d5 : -18
84 : #3d13d8 : -16
86 : #3c10da : -14
88 : #3b0edd : -12
90 : #390cdf : -10
92 : #3809e1 : -8
94 : #3707e4 : -6
96 : #3505e6 : -4
98 : #3402e8 : -2
100 : #3300eb : ±0
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #02000a : -44
4 : #040014 : -42
6 : #07001f : -40
8 : #090029 : -38
10 : #0b0033 : -36
12 : #0d003d : -34
14 : #0f0047 : -32
16 : #120052 : -30
18 : #14005c : -28
20 : #160066 : -26
22 : #180070 : -24
24 : #1b007a : -22
26 : #1d0085 : -20
28 : #1f008f : -18
30 : #210099 : -16
32 : #2300a3 : -14
34 : #2600ad : -12
36 : #2800b8 : -10
38 : #2a00c2 : -8
40 : #2c00cc : -6
42 : #2e00d6 : -4
44 : #3100e0 : -2
46 : #3300eb : ±0
48 : #3500f5 : +2
50 : #3700ff : +4
52 : #3f0aff : +6
54 : #4714ff : +8
56 : #4f1fff : +10
58 : #5729ff : +12
60 : #5f33ff : +14
62 : #673dff : +16
64 : #6f47ff : +18
66 : #7752ff : +20
68 : #7f5cff : +22
70 : #8766ff : +24
72 : #8f70ff : +26
74 : #977aff : +28
76 : #9f85ff : +30
78 : #a78fff : +32
80 : #af99ff : +34
82 : #b7a3ff : +36
84 : #bfadff : +38
86 : #c7b8ff : +40
88 : #cfc2ff : +42
90 : #d7ccff : +44
92 : #dfd6ff : +46
94 : #e7e0ff : +48
96 : #efebff : +50
98 : #f7f5ff : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow