#e6058c
RGB
赤 | 230 |
---|---|
緑 | 5 |
青 | 140 |
HSL
色相 | 324° |
---|---|
彩度 | 96% |
明度 | 46% |
輝度 | 34% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 230, 緑 = 5, 青 = 140 )
HSL ( 色相 = 324°, 彩度 = 96%, 明度 = 46% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #e61405 : -320
14 : #e63905 : -310
24 : #e65f05 : -300
34 : #e68405 : -290
44 : #e6aa05 : -280
54 : #e6cf05 : -270
64 : #d7e605 : -260
74 : #b1e605 : -250
84 : #8ce605 : -240
94 : #66e605 : -230
104 : #41e605 : -220
114 : #1be605 : -210
124 : #05e614 : -200
134 : #05e639 : -190
144 : #05e65f : -180
154 : #05e684 : -170
164 : #05e6aa : -160
174 : #05e6cf : -150
184 : #05d7e6 : -140
194 : #05b1e6 : -130
204 : #058ce6 : -120
214 : #0566e6 : -110
224 : #0541e6 : -100
234 : #051be6 : -90
244 : #1405e6 : -80
254 : #3905e6 : -70
264 : #5f05e6 : -60
274 : #8405e6 : -50
284 : #aa05e6 : -40
294 : #cf05e6 : -30
304 : #e605d7 : -20
314 : #e605b1 : -10
324 : #e6058c : ±0
334 : #e60566 : +10
344 : #e60541 : +20
354 : #e6051b : +30
314 : #e605b1 : -10
315 : #e605ae : -9
316 : #e605aa : -8
317 : #e605a6 : -7
318 : #e605a2 : -6
319 : #e6059f : -5
320 : #e6059b : -4
321 : #e60597 : -3
322 : #e60593 : -2
323 : #e60590 : -1
324 : #e6058c : ±0
325 : #e60588 : +1
326 : #e60584 : +2
327 : #e60581 : +3
328 : #e6057d : +4
329 : #e60579 : +5
330 : #e60575 : +6
331 : #e60572 : +7
332 : #e6056e : +8
333 : #e6056a : +9
334 : #e60566 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -96
2 : #787376 : -94
4 : #7a7176 : -92
6 : #7c6e77 : -90
8 : #7f6c77 : -88
10 : #816a78 : -86
12 : #836778 : -84
14 : #866579 : -82
16 : #886379 : -80
18 : #8a607a : -78
20 : #8d5e7a : -76
22 : #8f5b7a : -74
24 : #91597b : -72
26 : #94577b : -70
28 : #96547c : -68
30 : #98527c : -66
32 : #9b507d : -64
34 : #9d4d7d : -62
36 : #a04b7e : -60
38 : #a2497e : -58
40 : #a4467f : -56
42 : #a7447f : -54
44 : #a94280 : -52
46 : #ab3f80 : -50
48 : #ae3d81 : -48
50 : #b03b81 : -46
52 : #b23881 : -44
54 : #b53682 : -42
56 : #b73482 : -40
58 : #b93183 : -38
60 : #bc2f83 : -36
62 : #be2d84 : -34
64 : #c02a84 : -32
66 : #c32885 : -30
68 : #c52685 : -28
70 : #c72386 : -26
72 : #ca2186 : -24
74 : #cc1e87 : -22
76 : #ce1c87 : -20
78 : #d11a88 : -18
80 : #d31788 : -16
82 : #d51589 : -14
84 : #d81389 : -12
86 : #da1089 : -10
88 : #dd0e8a : -8
90 : #df0c8a : -6
92 : #e1098b : -4
94 : #e4078b : -2
96 : #e6058c : ±0
98 : #e8028c : +2
100 : #eb008d : +4
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0006 : -44
4 : #14000c : -42
6 : #1e0112 : -40
8 : #280118 : -38
10 : #32011e : -36
12 : #3c0124 : -34
14 : #46012b : -32
16 : #500231 : -30
18 : #5a0237 : -28
20 : #64023d : -26
22 : #6e0243 : -24
24 : #780249 : -22
26 : #82034f : -20
28 : #8c0355 : -18
30 : #96035b : -16
32 : #a00361 : -14
34 : #aa0367 : -12
36 : #b4046d : -10
38 : #be0474 : -8
40 : #c8047a : -6
42 : #d20480 : -4
44 : #dc0486 : -2
46 : #e6058c : ±0
48 : #f00592 : +2
50 : #fa0598 : +4
52 : #fa0f9c : +6
54 : #fa19a0 : +8
56 : #fb23a4 : +10
58 : #fb2da8 : +12
60 : #fb37ad : +14
62 : #fb41b1 : +16
64 : #fb4bb5 : +18
66 : #fc55b9 : +20
68 : #fc5fbd : +22
70 : #fc69c1 : +24
72 : #fc73c5 : +26
74 : #fc7dc9 : +28
76 : #fd87ce : +30
78 : #fd91d2 : +32
80 : #fd9bd6 : +34
82 : #fda5da : +36
84 : #fdafde : +38
86 : #feb9e2 : +40
88 : #fec3e6 : +42
90 : #fecdea : +44
92 : #fed7ef : +46
94 : #fee1f3 : +48
96 : #ffebf7 : +50
98 : #fff5fb : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow