#71089b
RGB
赤 | 113 |
---|---|
緑 | 8 |
青 | 155 |
HSL
色相 | 283° |
---|---|
彩度 | 90% |
明度 | 32% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 113, 緑 = 8, 青 = 155 )
HSL ( 色相 = 283°, 彩度 = 90%, 明度 = 32% )
H : 色相 ( 283° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #9b1008 : -280
13 : #9b2808 : -270
23 : #9b4008 : -260
33 : #9b5908 : -250
43 : #9b7108 : -240
53 : #9b8a08 : -230
63 : #949b08 : -220
73 : #7b9b08 : -210
83 : #639b08 : -200
93 : #4a9b08 : -190
103 : #329b08 : -180
113 : #199b08 : -170
123 : #089b10 : -160
133 : #089b28 : -150
143 : #089b40 : -140
153 : #089b59 : -130
163 : #089b71 : -120
173 : #089b8a : -110
183 : #08949b : -100
193 : #087b9b : -90
203 : #08639b : -80
213 : #084a9b : -70
223 : #08329b : -60
233 : #08199b : -50
243 : #10089b : -40
253 : #28089b : -30
263 : #40089b : -20
273 : #59089b : -10
283 : #71089b : ±0
293 : #8a089b : +10
303 : #9b0894 : +20
313 : #9b087b : +30
323 : #9b0863 : +40
333 : #9b084a : +50
343 : #9b0832 : +60
353 : #9b0819 : +70
273 : #59089b : -10
274 : #5b089b : -9
275 : #5e089b : -8
276 : #60089b : -7
277 : #63089b : -6
278 : #65089b : -5
279 : #68089b : -4
280 : #6a089b : -3
281 : #6d089b : -2
282 : #6f089b : -1
283 : #71089b : ±0
284 : #74089b : +1
285 : #76089b : +2
286 : #79089b : +3
287 : #7b089b : +4
288 : #7e089b : +5
289 : #80089b : +6
290 : #83089b : +7
291 : #85089b : +8
292 : #87089b : +9
293 : #8a089b : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -90
2 : #525053 : -88
4 : #534e55 : -86
6 : #544d56 : -84
8 : #544b58 : -82
10 : #55495a : -80
12 : #56485b : -78
14 : #57465d : -76
16 : #57455f : -74
18 : #584360 : -72
20 : #594162 : -70
22 : #594064 : -68
24 : #5a3e65 : -66
26 : #5b3c67 : -64
28 : #5c3b68 : -62
30 : #5c396a : -60
32 : #5d376c : -58
34 : #5e366d : -56
36 : #5e346f : -54
38 : #5f3371 : -52
40 : #603172 : -50
42 : #602f74 : -48
44 : #612e76 : -46
46 : #622c77 : -44
48 : #632a79 : -42
50 : #63297a : -40
52 : #64277c : -38
54 : #65267e : -36
56 : #65247f : -34
58 : #662281 : -32
60 : #672183 : -30
62 : #681f84 : -28
64 : #681d86 : -26
66 : #691c87 : -24
68 : #6a1a89 : -22
70 : #6a188b : -20
72 : #6b178c : -18
74 : #6c158e : -16
76 : #6c1490 : -14
78 : #6d1291 : -12
80 : #6e1093 : -10
82 : #6f0f95 : -8
84 : #6f0d96 : -6
86 : #700b98 : -4
88 : #710a99 : -2
90 : #71089b : ±0
92 : #72079d : +2
94 : #73059e : +4
96 : #7403a0 : +6
98 : #7402a2 : +8
100 : #7500a3 : +10
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #07010a : -30
4 : #0e0113 : -28
6 : #15021d : -26
8 : #1c0227 : -24
10 : #230330 : -22
12 : #2b033a : -20
14 : #320444 : -18
16 : #39044e : -16
18 : #400557 : -14
20 : #470561 : -12
22 : #4e066b : -10
24 : #550674 : -8
26 : #5c077e : -6
28 : #630788 : -4
30 : #6a0891 : -2
32 : #71089b : ±0
34 : #7909a5 : +2
36 : #8009ae : +4
38 : #870ab8 : +6
40 : #8e0ac2 : +8
42 : #950bcb : +10
44 : #9c0bd5 : +12
46 : #a30cdf : +14
48 : #aa0ce9 : +16
50 : #b10df2 : +18
52 : #b416f3 : +20
54 : #b720f3 : +22
56 : #bb2af4 : +24
58 : #be34f4 : +26
60 : #c13df5 : +28
62 : #c447f5 : +30
64 : #c751f6 : +32
66 : #ca5af6 : +34
68 : #cd64f7 : +36
70 : #d06ef7 : +38
72 : #d377f8 : +40
74 : #d781f8 : +42
76 : #da8bf9 : +44
78 : #dd94f9 : +46
80 : #e09efa : +48
82 : #e3a8fa : +50
84 : #e6b1fb : +52
86 : #e9bbfb : +54
88 : #ecc5fc : +56
90 : #efcffc : +58
92 : #f3d8fd : +60
94 : #f6e2fd : +62
96 : #f9ecfe : +64
98 : #fcf5fe : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow