#e26586
RGB
赤 | 226 |
---|---|
緑 | 101 |
青 | 134 |
HSL
色相 | 344° |
---|---|
彩度 | 68% |
明度 | 64% |
輝度 | 56% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 226, 緑 = 101, 青 = 134 )
HSL ( 色相 = 344°, 彩度 = 68%, 明度 = 64% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #e26d65 : -340
14 : #e28265 : -330
24 : #e29765 : -320
34 : #e2ac65 : -310
44 : #e2c065 : -300
54 : #e2d565 : -290
64 : #d9e265 : -280
74 : #c4e265 : -270
84 : #b0e265 : -260
94 : #9be265 : -250
104 : #86e265 : -240
114 : #71e265 : -230
124 : #65e26d : -220
134 : #65e282 : -210
144 : #65e297 : -200
154 : #65e2ac : -190
164 : #65e2c0 : -180
174 : #65e2d5 : -170
184 : #65d9e2 : -160
194 : #65c4e2 : -150
204 : #65b0e2 : -140
214 : #659be2 : -130
224 : #6586e2 : -120
234 : #6571e2 : -110
244 : #6d65e2 : -100
254 : #8265e2 : -90
264 : #9765e2 : -80
274 : #ac65e2 : -70
284 : #c065e2 : -60
294 : #d565e2 : -50
304 : #e265d9 : -40
314 : #e265c4 : -30
324 : #e265b0 : -20
334 : #e2659b : -10
344 : #e26586 : ±0
354 : #e26571 : +10
334 : #e2659b : -10
335 : #e26599 : -9
336 : #e26597 : -8
337 : #e26595 : -7
338 : #e26593 : -6
339 : #e26590 : -5
340 : #e2658e : -4
341 : #e2658c : -3
342 : #e2658a : -2
343 : #e26588 : -1
344 : #e26586 : ±0
345 : #e26584 : +1
346 : #e26582 : +2
347 : #e26580 : +3
348 : #e2657e : +4
349 : #e2657c : +5
350 : #e2657a : +6
351 : #e26578 : +7
352 : #e26575 : +8
353 : #e26573 : +9
354 : #e26571 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -68
2 : #a5a1a2 : -66
4 : #a7a0a1 : -64
6 : #a99ea1 : -62
8 : #ab9ca0 : -60
10 : #ac9a9f : -58
12 : #ae989e : -56
14 : #b0969d : -54
16 : #b2959c : -52
18 : #b4939b : -50
20 : #b6919b : -48
22 : #b78f9a : -46
24 : #b98d99 : -44
26 : #bb8b98 : -42
28 : #bd8997 : -40
30 : #bf8896 : -38
32 : #c18695 : -36
34 : #c28495 : -34
36 : #c48294 : -32
38 : #c68093 : -30
40 : #c87e92 : -28
42 : #ca7d91 : -26
44 : #cc7b90 : -24
46 : #cd798f : -22
48 : #cf778f : -20
50 : #d1758e : -18
52 : #d3738d : -16
54 : #d5728c : -14
56 : #d7708b : -12
58 : #d86e8a : -10
60 : #da6c89 : -8
62 : #dc6a89 : -6
64 : #de6888 : -4
66 : #e06787 : -2
68 : #e26586 : ±0
70 : #e36385 : +2
72 : #e56184 : +4
74 : #e75f83 : +6
76 : #e95d83 : +8
78 : #eb5c82 : +10
80 : #ed5a81 : +12
82 : #ee5880 : +14
84 : #f0567f : +16
86 : #f2547e : +18
88 : #f4527e : +20
90 : #f6517d : +22
92 : #f84f7c : +24
94 : #f94d7b : +26
96 : #fb4b7a : +28
98 : #fd4979 : +30
100 : #ff4778 : +32
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #090203 : -62
4 : #110307 : -60
6 : #1a050a : -58
8 : #22070e : -56
10 : #2b0811 : -54
12 : #330a15 : -52
14 : #3c0b18 : -50
16 : #450d1c : -48
18 : #4d0f1f : -46
20 : #561023 : -44
22 : #5e1226 : -42
24 : #67142a : -40
26 : #6f152d : -38
28 : #781731 : -36
30 : #811834 : -34
32 : #891a38 : -32
34 : #921c3b : -30
36 : #9a1d3f : -28
38 : #a31f42 : -26
40 : #ab2146 : -24
42 : #b42249 : -22
44 : #bc244d : -20
46 : #c52650 : -18
48 : #ce2754 : -16
50 : #d62957 : -14
52 : #d8315e : -12
54 : #d93a64 : -10
56 : #db436b : -8
58 : #dd4b72 : -6
60 : #de5479 : -4
62 : #e05c7f : -2
64 : #e26586 : ±0
66 : #e36d8d : +2
68 : #e57694 : +4
70 : #e77e9a : +6
72 : #e887a1 : +8
74 : #ea90a8 : +10
76 : #eb98ae : +12
78 : #eda1b5 : +14
80 : #efa9bc : +16
82 : #f0b2c3 : +18
84 : #f2bac9 : +20
86 : #f4c3d0 : +22
88 : #f5ccd7 : +24
90 : #f7d4dd : +26
92 : #f8dde4 : +28
94 : #fae5eb : +30
96 : #fceef2 : +32
98 : #fdf6f8 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow