#d94a6b
RGB
赤 | 217 |
---|---|
緑 | 74 |
青 | 107 |
HSL
色相 | 346° |
---|---|
彩度 | 65% |
明度 | 57% |
輝度 | 47% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 217, 緑 = 74, 青 = 107 )
HSL ( 色相 = 346°, 彩度 = 65%, 明度 = 57% )
H : 色相 ( 346° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d9584a : -340
16 : #d9704a : -330
26 : #d9884a : -320
36 : #d9a04a : -310
46 : #d9b74a : -300
56 : #d9cf4a : -290
66 : #cad94a : -280
76 : #b3d94a : -270
86 : #9bd94a : -260
96 : #83d94a : -250
106 : #6bd94a : -240
116 : #54d94a : -230
126 : #4ad958 : -220
136 : #4ad970 : -210
146 : #4ad988 : -200
156 : #4ad9a0 : -190
166 : #4ad9b7 : -180
176 : #4ad9cf : -170
186 : #4acad9 : -160
196 : #4ab3d9 : -150
206 : #4a9bd9 : -140
216 : #4a83d9 : -130
226 : #4a6bd9 : -120
236 : #4a54d9 : -110
246 : #584ad9 : -100
256 : #704ad9 : -90
266 : #884ad9 : -80
276 : #a04ad9 : -70
286 : #b74ad9 : -60
296 : #cf4ad9 : -50
306 : #d94aca : -40
316 : #d94ab3 : -30
326 : #d94a9b : -20
336 : #d94a83 : -10
346 : #d94a6b : ±0
356 : #d94a54 : +10
336 : #d94a83 : -10
337 : #d94a81 : -9
338 : #d94a7e : -8
339 : #d94a7c : -7
340 : #d94a7a : -6
341 : #d94a77 : -5
342 : #d94a75 : -4
343 : #d94a72 : -3
344 : #d94a70 : -2
345 : #d94a6e : -1
346 : #d94a6b : ±0
347 : #d94a69 : +1
348 : #d94a67 : +2
349 : #d94a64 : +3
350 : #d94a62 : +4
351 : #d94a5f : +5
352 : #d94a5d : +6
353 : #d94a5b : +7
354 : #d94a58 : +8
355 : #d94a56 : +9
356 : #d94a54 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929091 : -64
3 : #958e90 : -62
5 : #978c8e : -60
7 : #998a8d : -58
9 : #9b878c : -56
11 : #9d858b : -54
13 : #a0838a : -52
15 : #a28189 : -50
17 : #a47f87 : -48
19 : #a67d86 : -46
21 : #a87a85 : -44
23 : #ab7884 : -42
25 : #ad7683 : -40
27 : #af7482 : -38
29 : #b17280 : -36
31 : #b36f7f : -34
33 : #b66d7e : -32
35 : #b86b7d : -30
37 : #ba697c : -28
39 : #bc677b : -26
41 : #be6479 : -24
43 : #c06278 : -22
45 : #c36077 : -20
47 : #c55e76 : -18
49 : #c75c75 : -16
51 : #c95974 : -14
53 : #cb5772 : -12
55 : #ce5571 : -10
57 : #d05370 : -8
59 : #d2516f : -6
61 : #d44e6e : -4
63 : #d64c6d : -2
65 : #d94a6b : ±0
67 : #db486a : +2
69 : #dd4669 : +4
71 : #df4368 : +6
73 : #e14167 : +8
75 : #e43f65 : +10
77 : #e63d64 : +12
79 : #e83b63 : +14
81 : #ea3962 : +16
83 : #ec3661 : +18
85 : #ef3460 : +20
87 : #f1325e : +22
89 : #f3305d : +24
91 : #f52e5c : +26
93 : #f72b5b : +28
95 : #fa295a : +30
97 : #fc2759 : +32
99 : #fe2557 : +34
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -56
3 : #0d0305 : -54
5 : #150408 : -52
7 : #1d060c : -50
9 : #26080f : -48
11 : #2e0a12 : -46
13 : #370c16 : -44
15 : #3f0d19 : -42
17 : #480f1c : -40
19 : #501120 : -38
21 : #581323 : -36
23 : #611526 : -34
25 : #69162a : -32
27 : #72182d : -30
29 : #7a1a30 : -28
31 : #821c34 : -26
33 : #8b1d37 : -24
35 : #931f3a : -22
37 : #9c213e : -20
39 : #a42341 : -18
41 : #ad2544 : -16
43 : #b52648 : -14
45 : #bd284b : -12
47 : #c62a4e : -10
49 : #ce2c52 : -8
51 : #d33157 : -6
53 : #d5395e : -4
55 : #d74264 : -2
57 : #d94a6b : ±0
59 : #da5272 : +2
61 : #dc5b79 : +4
63 : #de6380 : +6
65 : #e06c87 : +8
67 : #e2748e : +10
69 : #e37d95 : +12
71 : #e5859b : +14
73 : #e78da2 : +16
75 : #e996a9 : +18
77 : #ea9eb0 : +20
79 : #eca7b7 : +22
81 : #eeafbe : +24
83 : #f0b7c5 : +26
85 : #f2c0cb : +28
87 : #f3c8d2 : +30
89 : #f5d1d9 : +32
91 : #f7d9e0 : +34
93 : #f9e2e7 : +36
95 : #fbeaee : +38
97 : #fcf2f5 : +40
99 : #fefbfc : +42
CSS入門、作ってます。
text-shadow