#600870
RGB
| 赤 | 96 |
|---|---|
| 緑 | 8 |
| 青 | 112 |
HSL
| 色相 | 291° |
|---|---|
| 彩度 | 87% |
| 明度 | 24% |
| 輝度 | 18% |
３桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 8, 青 = 112 )
HSL ( 色相 = 291°, 彩度 = 87%, 明度 = 24% )
H : 色相 ( 291° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #720a08 : -290
11 : #721b08 : -280
21 : #722d08 : -270
31 : #723f08 : -260
41 : #725108 : -250
51 : #726208 : -240
61 : #717208 : -230
71 : #5f7208 : -220
81 : #4d7208 : -210
91 : #3b7208 : -200
101 : #2a7208 : -190
111 : #187208 : -180
121 : #08720a : -170
131 : #08721b : -160
141 : #08722d : -150
151 : #08723f : -140
161 : #087251 : -130
171 : #087262 : -120
181 : #087172 : -110
191 : #085f72 : -100
201 : #084d72 : -90
211 : #083b72 : -80
221 : #082a72 : -70
231 : #081872 : -60
241 : #0a0872 : -50
251 : #1b0872 : -40
261 : #2d0872 : -30
271 : #3f0872 : -20
281 : #510872 : -10
291 : #620872 : ±0
301 : #720871 : +10
311 : #72085f : +20
321 : #72084d : +30
331 : #72083b : +40
341 : #72082a : +50
351 : #720818 : +60
281 : #510872 : -10
282 : #520872 : -9
283 : #540872 : -8
284 : #560872 : -7
285 : #580872 : -6
286 : #5a0872 : -5
287 : #5b0872 : -4
288 : #5d0872 : -3
289 : #5f0872 : -2
290 : #610872 : -1
291 : #620872 : ±0
292 : #640872 : +1
293 : #660872 : +2
294 : #680872 : +3
295 : #6a0872 : +4
296 : #6b0872 : +5
297 : #6d0872 : +6
298 : #6f0872 : +7
299 : #710872 : +8
300 : #720872 : +9
301 : #720871 : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3e3d3e : -86
3 : #3e3b3f : -84
5 : #3f3a40 : -82
7 : #403941 : -80
9 : #413843 : -78
11 : #423644 : -76
13 : #433545 : -74
15 : #443446 : -72
17 : #443348 : -70
19 : #453249 : -68
21 : #46304a : -66
23 : #472f4b : -64
25 : #482e4d : -62
27 : #492d4e : -60
29 : #4a2b4f : -58
31 : #4a2a50 : -56
33 : #4b2951 : -54
35 : #4c2853 : -52
37 : #4d2754 : -50
39 : #4e2555 : -48
41 : #4f2456 : -46
43 : #502358 : -44
45 : #502259 : -42
47 : #51205a : -40
49 : #521f5b : -38
51 : #531e5c : -36
53 : #541d5e : -34
55 : #551c5f : -32
57 : #561a60 : -30
59 : #561961 : -28
61 : #571863 : -26
63 : #581764 : -24
65 : #591565 : -22
67 : #5a1466 : -20
69 : #5b1367 : -18
71 : #5c1269 : -16
73 : #5c116a : -14
75 : #5d0f6b : -12
77 : #5e0e6c : -10
79 : #5f0d6e : -8
81 : #600c6f : -6
83 : #610a70 : -4
85 : #620971 : -2
87 : #620872 : ±0
89 : #630774 : +2
91 : #640675 : +4
93 : #650476 : +6
95 : #660377 : +8
97 : #670279 : +10
99 : #68017a : +12
L : 明度 ( 24% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -24
2 : #08010a : -22
4 : #100113 : -20
6 : #19021d : -18
8 : #210326 : -16
10 : #290330 : -14
12 : #310439 : -12
14 : #390543 : -10
16 : #42054c : -8
18 : #4a0656 : -6
20 : #52075f : -4
22 : #5a0769 : -2
24 : #620872 : ±0
26 : #6b097c : +2
28 : #730986 : +4
30 : #7b0a8f : +6
32 : #830b99 : +8
34 : #8c0ba2 : +10
36 : #940cac : +12
38 : #9c0db5 : +14
40 : #a40dbf : +16
42 : #ac0ec8 : +18
44 : #b50fd2 : +20
46 : #bd0fdb : +22
48 : #c510e5 : +24
50 : #cd11ee : +26
52 : #cf1aef : +28
54 : #d124f0 : +30
56 : #d32df0 : +32
58 : #d537f1 : +34
60 : #d740f2 : +36
62 : #d94af2 : +38
64 : #db53f3 : +40
66 : #dd5df4 : +42
68 : #df66f4 : +44
70 : #e170f5 : +46
72 : #e379f6 : +48
74 : #e583f6 : +50
76 : #e78df7 : +52
78 : #e996f8 : +54
80 : #eba0f8 : +56
82 : #eda9f9 : +58
84 : #efb3fa : +60
86 : #f1bcfa : +62
88 : #f3c6fb : +64
90 : #f5cffc : +66
92 : #f7d9fc : +68
94 : #f9e2fd : +70
96 : #fbecfe : +72
98 : #fdf5fe : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow