#eca2a7
RGB
| 赤 | 236 |
|---|---|
| 緑 | 162 |
| 青 | 167 |
HSL
| 色相 | 356° |
|---|---|
| 彩度 | 66% |
| 明度 | 78% |
| 輝度 | 72% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 236, 緑 = 162, 青 = 167 )
HSL ( 色相 = 356°, 彩度 = 66%, 明度 = 78% )
H : 色相 ( 356° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #eca9a2 : -350
16 : #ecb6a2 : -340
26 : #ecc2a2 : -330
36 : #eccea2 : -320
46 : #ecdba2 : -310
56 : #ece7a2 : -300
66 : #e5eca2 : -290
76 : #d8eca2 : -280
86 : #cceca2 : -270
96 : #bfeca2 : -260
106 : #b3eca2 : -250
116 : #a7eca2 : -240
126 : #a2eca9 : -230
136 : #a2ecb6 : -220
146 : #a2ecc2 : -210
156 : #a2ecce : -200
166 : #a2ecdb : -190
176 : #a2ece7 : -180
186 : #a2e5ec : -170
196 : #a2d8ec : -160
206 : #a2ccec : -150
216 : #a2bfec : -140
226 : #a2b3ec : -130
236 : #a2a7ec : -120
246 : #a9a2ec : -110
256 : #b6a2ec : -100
266 : #c2a2ec : -90
276 : #cea2ec : -80
286 : #dba2ec : -70
296 : #e7a2ec : -60
306 : #eca2e5 : -50
316 : #eca2d8 : -40
326 : #eca2cc : -30
336 : #eca2bf : -20
346 : #eca2b3 : -10
356 : #eca2a7 : ±0
346 : #eca2b3 : -10
347 : #eca2b2 : -9
348 : #eca2b1 : -8
349 : #eca2af : -7
350 : #eca2ae : -6
351 : #eca2ad : -5
352 : #eca2ac : -4
353 : #eca2ab : -3
354 : #eca2a9 : -2
355 : #eca2a8 : -1
356 : #eca2a7 : ±0
357 : #eca2a6 : +1
358 : #eca2a4 : +2
359 : #eca2a3 : +3
0 : #eca2a2 : -356
1 : #eca3a2 : -355
2 : #eca4a2 : -354
3 : #eca6a2 : -353
4 : #eca7a2 : -352
5 : #eca8a2 : -351
6 : #eca9a2 : -350
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #c6c6c6 : -66
2 : #c8c6c6 : -64
4 : #c9c5c5 : -62
6 : #cac4c4 : -60
8 : #cbc2c3 : -58
10 : #cdc1c2 : -56
12 : #cec0c1 : -54
14 : #cfbfc0 : -52
16 : #d0bebf : -50
18 : #d1bdbe : -48
20 : #d2bcbd : -46
22 : #d3bbbc : -44
24 : #d4b9bb : -42
26 : #d5b8ba : -40
28 : #d7b7b9 : -38
30 : #d8b6b8 : -36
32 : #d9b5b7 : -34
34 : #dab4b6 : -32
36 : #dbb3b5 : -30
38 : #dcb2b4 : -28
40 : #ddb0b3 : -26
42 : #deafb2 : -24
44 : #e0aeb2 : -22
46 : #e1adb1 : -20
48 : #e2acb0 : -18
50 : #e3abaf : -16
52 : #e4aaae : -14
54 : #e5a9ad : -12
56 : #e6a7ac : -10
58 : #e7a6ab : -8
60 : #e9a5aa : -6
62 : #eaa4a9 : -4
64 : #eba3a8 : -2
66 : #eca2a7 : ±0
68 : #eda1a6 : +2
70 : #eea0a5 : +4
72 : #ef9fa4 : +6
74 : #f09da3 : +8
76 : #f29ca2 : +10
78 : #f39ba1 : +12
80 : #f49aa0 : +14
82 : #f5999f : +16
84 : #f6989e : +18
86 : #f7979d : +20
88 : #f8969c : +22
90 : #f9949b : +24
92 : #fb939a : +26
94 : #fc9299 : +28
96 : #fd9198 : +30
98 : #fe9097 : +32
100 : #ff8f96 : +34
L : 明度 ( 78% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -78
2 : #080202 : -76
4 : #110304 : -74
6 : #190507 : -72
8 : #220709 : -70
10 : #2a090b : -68
12 : #330a0d : -66
14 : #3b0c0f : -64
16 : #440e11 : -62
18 : #4c1014 : -60
20 : #551116 : -58
22 : #5d1318 : -56
24 : #66151a : -54
26 : #6e171c : -52
28 : #77181f : -50
30 : #7f1a21 : -48
32 : #871c23 : -46
34 : #901d25 : -44
36 : #981f27 : -42
38 : #a12129 : -40
40 : #a9232c : -38
42 : #b2242e : -36
44 : #ba2630 : -34
46 : #c32832 : -32
48 : #cb2a34 : -30
50 : #d42b37 : -28
52 : #d5343f : -26
54 : #d73c47 : -24
56 : #d9454f : -22
58 : #db4d57 : -20
60 : #dc565f : -18
62 : #de5e67 : -16
64 : #e0676f : -14
66 : #e26f77 : -12
68 : #e3787f : -10
70 : #e58087 : -8
72 : #e7888f : -6
74 : #e89197 : -4
76 : #ea999f : -2
78 : #eca2a7 : ±0
80 : #eeaaaf : +2
82 : #efb3b7 : +4
84 : #f1bbbf : +6
86 : #f3c4c7 : +8
88 : #f5cccf : +10
90 : #f6d5d7 : +12
92 : #f8dddf : +14
94 : #fae6e7 : +16
96 : #fceeef : +18
98 : #fdf7f7 : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow