#8c068e
RGB
赤 | 140 |
---|---|
緑 | 6 |
青 | 142 |
HSL
色相 | 299° |
---|---|
彩度 | 92% |
明度 | 29% |
輝度 | 24% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 140, 緑 = 6, 青 = 142 )
HSL ( 色相 = 299°, 彩度 = 92%, 明度 = 29% )
H : 色相 ( 299° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8e1a06 : -290
19 : #8e3106 : -280
29 : #8e4806 : -270
39 : #8e5e06 : -260
49 : #8e7506 : -250
59 : #8e8c06 : -240
69 : #7a8e06 : -230
79 : #638e06 : -220
89 : #4c8e06 : -210
99 : #368e06 : -200
109 : #1f8e06 : -190
119 : #088e06 : -180
129 : #068e1a : -170
139 : #068e31 : -160
149 : #068e48 : -150
159 : #068e5e : -140
169 : #068e75 : -130
179 : #068e8c : -120
189 : #067a8e : -110
199 : #06638e : -100
209 : #064c8e : -90
219 : #06368e : -80
229 : #061f8e : -70
239 : #06088e : -60
249 : #1a068e : -50
259 : #31068e : -40
269 : #48068e : -30
279 : #5e068e : -20
289 : #75068e : -10
299 : #8c068e : ±0
309 : #8e067a : +10
319 : #8e0663 : +20
329 : #8e064c : +30
339 : #8e0636 : +40
349 : #8e061f : +50
359 : #8e0608 : +60
289 : #75068e : -10
290 : #77068e : -9
291 : #7a068e : -8
292 : #7c068e : -7
293 : #7e068e : -6
294 : #80068e : -5
295 : #83068e : -4
296 : #85068e : -3
297 : #87068e : -2
298 : #89068e : -1
299 : #8c068e : ±0
300 : #8e068e : +1
301 : #8e068c : +2
302 : #8e0689 : +3
303 : #8e0687 : +4
304 : #8e0685 : +5
305 : #8e0683 : +6
306 : #8e0680 : +7
307 : #8e067e : +8
308 : #8e067c : +9
309 : #8e067a : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -92
2 : #4b484b : -90
4 : #4d474d : -88
6 : #4e464e : -86
8 : #504450 : -84
10 : #514351 : -82
12 : #534153 : -80
14 : #544054 : -78
16 : #553e56 : -76
18 : #573d57 : -74
20 : #583b59 : -72
22 : #5a3a5a : -70
24 : #5b385c : -68
26 : #5d375d : -66
28 : #5e355f : -64
30 : #5f3460 : -62
32 : #613262 : -60
34 : #623163 : -58
36 : #642f65 : -56
38 : #652e66 : -54
40 : #672c68 : -52
42 : #682b69 : -50
44 : #69296a : -48
46 : #6b286c : -46
48 : #6c266d : -44
50 : #6e256f : -42
52 : #6f2370 : -40
54 : #712272 : -38
56 : #722173 : -36
58 : #731f75 : -34
60 : #751e76 : -32
62 : #761c78 : -30
64 : #781b79 : -28
66 : #79197b : -26
68 : #7b187c : -24
70 : #7c167e : -22
72 : #7d157f : -20
74 : #7f1381 : -18
76 : #801282 : -16
78 : #821084 : -14
80 : #830f85 : -12
82 : #850d87 : -10
84 : #860c88 : -8
86 : #870a8a : -6
88 : #89098b : -4
90 : #8a078d : -2
92 : #8c068e : ±0
94 : #8d048f : +2
96 : #8f0391 : +4
98 : #900192 : +6
100 : #910094 : +8
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -28
3 : #0e010f : -26
5 : #180118 : -24
7 : #220122 : -22
9 : #2b022c : -20
11 : #350236 : -18
13 : #3f0340 : -16
15 : #480349 : -14
17 : #520353 : -12
19 : #5c045d : -10
21 : #650467 : -8
23 : #6f0571 : -6
25 : #78057a : -4
27 : #820684 : -2
29 : #8c068e : ±0
31 : #950698 : +2
33 : #9f07a2 : +4
35 : #a907ab : +6
37 : #b208b5 : +8
39 : #bc08bf : +10
41 : #c608c9 : +12
43 : #cf09d3 : +14
45 : #d909dc : +16
47 : #e20ae6 : +18
49 : #ec0af0 : +20
51 : #f10ff5 : +22
53 : #f219f5 : +24
55 : #f223f6 : +26
57 : #f32cf6 : +28
59 : #f336f7 : +30
61 : #f440f7 : +32
63 : #f54af7 : +34
65 : #f554f8 : +36
67 : #f65df8 : +38
69 : #f667f9 : +40
71 : #f771f9 : +42
73 : #f77bf9 : +44
75 : #f885fa : +46
77 : #f98efa : +48
79 : #f998fb : +50
81 : #faa2fb : +52
83 : #faacfc : +54
85 : #fbb6fc : +56
87 : #fbbffc : +58
89 : #fcc9fd : +60
91 : #fcd3fd : +62
93 : #fdddfe : +64
95 : #fee7fe : +66
97 : #fef0fe : +68
99 : #fffaff : +70
CSS入門、作ってます。
text-shadow