#d5345f
RGB
赤 | 213 |
---|---|
緑 | 52 |
青 | 95 |
HSL
色相 | 344° |
---|---|
彩度 | 66% |
明度 | 52% |
輝度 | 41% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 213, 緑 = 52, 青 = 95 )
HSL ( 色相 = 344°, 彩度 = 66%, 明度 = 52% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #d53f34 : -340
14 : #d55a34 : -330
24 : #d57434 : -320
34 : #d58f34 : -310
44 : #d5aa34 : -300
54 : #d5c534 : -290
64 : #cbd534 : -280
74 : #b0d534 : -270
84 : #95d534 : -260
94 : #7ad534 : -250
104 : #5fd534 : -240
114 : #44d534 : -230
124 : #34d53f : -220
134 : #34d55a : -210
144 : #34d574 : -200
154 : #34d58f : -190
164 : #34d5aa : -180
174 : #34d5c5 : -170
184 : #34cbd5 : -160
194 : #34b0d5 : -150
204 : #3495d5 : -140
214 : #347ad5 : -130
224 : #345fd5 : -120
234 : #3444d5 : -110
244 : #3f34d5 : -100
254 : #5a34d5 : -90
264 : #7434d5 : -80
274 : #8f34d5 : -70
284 : #aa34d5 : -60
294 : #c534d5 : -50
304 : #d534cb : -40
314 : #d534b0 : -30
324 : #d53495 : -20
334 : #d5347a : -10
344 : #d5345f : ±0
354 : #d53444 : +10
334 : #d5347a : -10
335 : #d53477 : -9
336 : #d53474 : -8
337 : #d53472 : -7
338 : #d5346f : -6
339 : #d5346c : -5
340 : #d5346a : -4
341 : #d53467 : -3
342 : #d53464 : -2
343 : #d53462 : -1
344 : #d5345f : ±0
345 : #d5345c : +1
346 : #d5345a : +2
347 : #d53457 : +3
348 : #d53454 : +4
349 : #d53451 : +5
350 : #d5344f : +6
351 : #d5344c : +7
352 : #d53449 : +8
353 : #d53447 : +9
354 : #d53444 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -66
2 : #878283 : -64
4 : #898082 : -62
6 : #8c7d81 : -60
8 : #8e7b80 : -58
10 : #91787f : -56
12 : #93767e : -54
14 : #96737d : -52
16 : #98717b : -50
18 : #9b6f7a : -48
20 : #9d6c79 : -46
22 : #a06a78 : -44
24 : #a26777 : -42
26 : #a46576 : -40
28 : #a76275 : -38
30 : #a96073 : -36
32 : #ac5d72 : -34
34 : #ae5b71 : -32
36 : #b15970 : -30
38 : #b3566f : -28
40 : #b6546e : -26
42 : #b8516d : -24
44 : #ba4f6b : -22
46 : #bd4c6a : -20
48 : #bf4a69 : -18
50 : #c24768 : -16
52 : #c44567 : -14
54 : #c74366 : -12
56 : #c94065 : -10
58 : #cc3e63 : -8
60 : #ce3b62 : -6
62 : #d03961 : -4
64 : #d33660 : -2
66 : #d5345f : ±0
68 : #d8315e : +2
70 : #da2f5d : +4
72 : #dd2c5b : +6
74 : #df2a5a : +8
76 : #e22859 : +10
78 : #e42558 : +12
80 : #e72357 : +14
82 : #e92056 : +16
84 : #eb1e55 : +18
86 : #ee1b53 : +20
88 : #f01952 : +22
90 : #f31651 : +24
92 : #f51450 : +26
94 : #f8124f : +28
96 : #fa0f4e : +30
98 : #fd0d4d : +32
100 : #ff0a4b : +34
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #080204 : -50
4 : #110307 : -48
6 : #19050b : -46
8 : #22070e : -44
10 : #2a0912 : -42
12 : #330a15 : -40
14 : #3b0c19 : -38
16 : #440e1c : -36
18 : #4c1020 : -34
20 : #551123 : -32
22 : #5d1327 : -30
24 : #66152a : -28
26 : #6e172e : -26
28 : #771831 : -24
30 : #7f1a35 : -22
32 : #871c38 : -20
34 : #901d3c : -18
36 : #981f40 : -16
38 : #a12143 : -14
40 : #a92347 : -12
42 : #b2244a : -10
44 : #ba264e : -8
46 : #c32851 : -6
48 : #cb2a55 : -4
50 : #d42b58 : -2
52 : #d5345f : ±0
54 : #d73c66 : +2
56 : #d9456c : +4
58 : #db4d73 : +6
60 : #dc567a : +8
62 : #de5e80 : +10
64 : #e06787 : +12
66 : #e26f8e : +14
68 : #e37894 : +16
70 : #e5809b : +18
72 : #e788a2 : +20
74 : #e891a8 : +22
76 : #ea99af : +24
78 : #eca2b6 : +26
80 : #eeaabc : +28
82 : #efb3c3 : +30
84 : #f1bbca : +32
86 : #f3c4d0 : +34
88 : #f5ccd7 : +36
90 : #f6d5de : +38
92 : #f8dde4 : +40
94 : #fae6eb : +42
96 : #fceef2 : +44
98 : #fdf7f8 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow