#720e8b
RGB
赤 | 114 |
---|---|
緑 | 14 |
青 | 139 |
HSL
色相 | 288° |
---|---|
彩度 | 82% |
明度 | 30% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 114, 緑 = 14, 青 = 139 )
HSL ( 色相 = 288°, 彩度 = 82%, 明度 = 30% )
H : 色相 ( 288° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8b1e0e : -280
18 : #8b330e : -270
28 : #8b480e : -260
38 : #8b5d0e : -250
48 : #8b720e : -240
58 : #8b870e : -230
68 : #7b8b0e : -220
78 : #668b0e : -210
88 : #518b0e : -200
98 : #3c8b0e : -190
108 : #278b0e : -180
118 : #128b0e : -170
128 : #0e8b1e : -160
138 : #0e8b33 : -150
148 : #0e8b48 : -140
158 : #0e8b5d : -130
168 : #0e8b72 : -120
178 : #0e8b87 : -110
188 : #0e7b8b : -100
198 : #0e668b : -90
208 : #0e518b : -80
218 : #0e3c8b : -70
228 : #0e278b : -60
238 : #0e128b : -50
248 : #1e0e8b : -40
258 : #330e8b : -30
268 : #480e8b : -20
278 : #5d0e8b : -10
288 : #720e8b : ±0
298 : #870e8b : +10
308 : #8b0e7b : +20
318 : #8b0e66 : +30
328 : #8b0e51 : +40
338 : #8b0e3c : +50
348 : #8b0e27 : +60
358 : #8b0e12 : +70
278 : #5d0e8b : -10
279 : #5f0e8b : -9
280 : #610e8b : -8
281 : #640e8b : -7
282 : #660e8b : -6
283 : #680e8b : -5
284 : #6a0e8b : -4
285 : #6c0e8b : -3
286 : #6e0e8b : -2
287 : #700e8b : -1
288 : #720e8b : ±0
289 : #740e8b : +1
290 : #760e8b : +2
291 : #780e8b : +3
292 : #7b0e8b : +4
293 : #7d0e8b : +5
294 : #7f0e8b : +6
295 : #810e8b : +7
296 : #830e8b : +8
297 : #850e8b : +9
298 : #870e8b : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -82
2 : #4d4b4e : -80
4 : #4e4950 : -78
6 : #4f4851 : -76
8 : #504653 : -74
10 : #514554 : -72
12 : #524356 : -70
14 : #534257 : -68
16 : #544059 : -66
18 : #553f5a : -64
20 : #563d5c : -62
22 : #573c5d : -60
24 : #583a5f : -58
26 : #583960 : -56
28 : #593762 : -54
30 : #5a3663 : -52
32 : #5b3465 : -50
34 : #5c3267 : -48
36 : #5d3168 : -46
38 : #5e2f6a : -44
40 : #5f2e6b : -42
42 : #602c6d : -40
44 : #612b6e : -38
46 : #622970 : -36
48 : #632871 : -34
50 : #632673 : -32
52 : #642574 : -30
54 : #652376 : -28
56 : #662277 : -26
58 : #672079 : -24
60 : #681f7a : -22
62 : #691d7c : -20
64 : #6a1c7d : -18
66 : #6b1a7f : -16
68 : #6c1881 : -14
70 : #6d1782 : -12
72 : #6e1584 : -10
74 : #6e1485 : -8
76 : #6f1287 : -6
78 : #701188 : -4
80 : #710f8a : -2
82 : #720e8b : ±0
84 : #730c8d : +2
86 : #740b8e : +4
88 : #750990 : +6
90 : #760891 : +8
92 : #770693 : +10
94 : #780594 : +12
96 : #790396 : +14
98 : #790297 : +16
100 : #7a0099 : +18
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #080109 : -28
4 : #0f0213 : -26
6 : #17031c : -24
8 : #1e0425 : -22
10 : #26052e : -20
12 : #2e0638 : -18
14 : #350641 : -16
16 : #3d074a : -14
18 : #440854 : -12
20 : #4c095d : -10
22 : #540a66 : -8
24 : #5b0b6f : -6
26 : #630c79 : -4
28 : #6b0d82 : -2
30 : #720e8b : ±0
32 : #7a0f95 : +2
34 : #81109e : +4
36 : #8911a7 : +6
38 : #9111b0 : +8
40 : #9812ba : +10
42 : #a013c3 : +12
44 : #a714cc : +14
46 : #af15d5 : +16
48 : #b716df : +18
50 : #be17e8 : +20
52 : #c120e9 : +22
54 : #c32aea : +24
56 : #c633eb : +26
58 : #c93cec : +28
60 : #cb45ed : +30
62 : #ce4fee : +32
64 : #d058ee : +34
66 : #d361ef : +36
68 : #d66af0 : +38
70 : #d874f1 : +40
72 : #db7df2 : +42
74 : #dd86f3 : +44
76 : #e090f4 : +46
78 : #e399f5 : +48
80 : #e5a2f6 : +50
82 : #e8abf7 : +52
84 : #eab5f8 : +54
86 : #edbef9 : +56
88 : #efc7f9 : +58
90 : #f2d1fa : +60
92 : #f5dafb : +62
94 : #f7e3fc : +64
96 : #faecfd : +66
98 : #fcf6fe : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow