#ed12c1
RGB
| 赤 | 237 |
|---|---|
| 緑 | 18 |
| 青 | 193 |
HSL
| 色相 | 312° |
|---|---|
| 彩度 | 86% |
| 明度 | 50% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 237, 緑 = 18, 青 = 193 )
HSL ( 色相 = 312°, 彩度 = 86%, 明度 = 50% )
H : 色相 ( 312° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #ed1912 : -310
12 : #ed3e12 : -300
22 : #ed6212 : -290
32 : #ed8712 : -280
42 : #edab12 : -270
52 : #edd012 : -260
62 : #e6ed12 : -250
72 : #c1ed12 : -240
82 : #9ded12 : -230
92 : #78ed12 : -220
102 : #54ed12 : -210
112 : #2fed12 : -200
122 : #12ed19 : -190
132 : #12ed3e : -180
142 : #12ed62 : -170
152 : #12ed87 : -160
162 : #12edab : -150
172 : #12edd0 : -140
182 : #12e6ed : -130
192 : #12c1ed : -120
202 : #129ded : -110
212 : #1278ed : -100
222 : #1254ed : -90
232 : #122fed : -80
242 : #1912ed : -70
252 : #3e12ed : -60
262 : #6212ed : -50
272 : #8712ed : -40
282 : #ab12ed : -30
292 : #d012ed : -20
302 : #ed12e6 : -10
312 : #ed12c1 : ±0
322 : #ed129d : +10
332 : #ed1278 : +20
342 : #ed1254 : +30
352 : #ed122f : +40
302 : #ed12e6 : -10
303 : #ed12e2 : -9
304 : #ed12df : -8
305 : #ed12db : -7
306 : #ed12d7 : -6
307 : #ed12d4 : -5
308 : #ed12d0 : -4
309 : #ed12cc : -3
310 : #ed12c9 : -2
311 : #ed12c5 : -1
312 : #ed12c1 : ±0
313 : #ed12be : +1
314 : #ed12ba : +2
315 : #ed12b6 : +3
316 : #ed12b3 : +4
317 : #ed12af : +5
318 : #ed12ab : +6
319 : #ed12a8 : +7
320 : #ed12a4 : +8
321 : #ed12a0 : +9
322 : #ed129d : +10
S : 彩度 ( 86% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -86
2 : #827d81 : -84
4 : #857a83 : -82
6 : #877884 : -80
8 : #8a7586 : -78
10 : #8c7387 : -76
12 : #8f7089 : -74
14 : #916e8a : -72
16 : #946b8c : -70
18 : #96698d : -68
20 : #99668f : -66
22 : #9c6390 : -64
24 : #9e6192 : -62
26 : #a15e93 : -60
28 : #a35c95 : -58
30 : #a65996 : -56
32 : #a85798 : -54
34 : #ab549a : -52
36 : #ad529b : -50
38 : #b04f9d : -48
40 : #b34d9e : -46
42 : #b54aa0 : -44
44 : #b847a1 : -42
46 : #ba45a3 : -40
48 : #bd42a4 : -38
50 : #bf40a6 : -36
52 : #c23da7 : -34
54 : #c43ba9 : -32
56 : #c738aa : -30
58 : #c936ac : -28
60 : #cc33ad : -26
62 : #cf30af : -24
64 : #d12eb0 : -22
66 : #d42bb2 : -20
68 : #d629b4 : -18
70 : #d926b5 : -16
72 : #db24b7 : -14
74 : #de21b8 : -12
76 : #e01fba : -10
78 : #e31cbb : -8
80 : #e61abd : -6
82 : #e817be : -4
84 : #eb14c0 : -2
86 : #ed12c1 : ±0
88 : #f00fc3 : +2
90 : #f20dc4 : +4
92 : #f50ac6 : +6
94 : #f708c7 : +8
96 : #fa05c9 : +10
98 : #fc03ca : +12
100 : #ff00cc : +14
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #090108 : -48
4 : #13010f : -46
6 : #1c0217 : -44
8 : #26031f : -42
10 : #2f0427 : -40
12 : #39042e : -38
14 : #420536 : -36
16 : #4c063e : -34
18 : #550646 : -32
20 : #5f074d : -30
22 : #680855 : -28
24 : #72095d : -26
26 : #7b0965 : -24
28 : #850a6c : -22
30 : #8e0b74 : -20
32 : #980b7c : -18
34 : #a10c83 : -16
36 : #ab0d8b : -14
38 : #b40e93 : -12
40 : #be0e9b : -10
42 : #c70fa2 : -8
44 : #d110aa : -6
46 : #da10b2 : -4
48 : #e411ba : -2
50 : #ed12c1 : ±0
52 : #ee1bc4 : +2
54 : #ef25c6 : +4
56 : #ef2ec9 : +6
58 : #f038cb : +8
60 : #f141ce : +10
62 : #f14bd0 : +12
64 : #f254d3 : +14
66 : #f35ed5 : +16
68 : #f467d8 : +18
70 : #f471da : +20
72 : #f57adc : +22
74 : #f684df : +24
76 : #f68de1 : +26
78 : #f797e4 : +28
80 : #f8a0e6 : +30
82 : #f9aae9 : +32
84 : #f9b3eb : +34
86 : #fabdee : +36
88 : #fbc6f0 : +38
90 : #fbd0f3 : +40
92 : #fcd9f5 : +42
94 : #fde3f8 : +44
96 : #feecfa : +46
98 : #fef6fd : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow