#d9760d
RGB
赤 | 217 |
---|---|
緑 | 118 |
青 | 13 |
HSL
色相 | 31° |
---|---|
彩度 | 89% |
明度 | 45% |
輝度 | 53% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 217, 緑 = 118, 青 = 13 )
HSL ( 色相 = 31°, 彩度 = 89%, 明度 = 45% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #d9100d : -30
11 : #d9320d : -20
21 : #d9540d : -10
31 : #d9760d : ±0
41 : #d9980d : +10
51 : #d9ba0d : +20
61 : #d5d90d : +30
71 : #b3d90d : +40
81 : #91d90d : +50
91 : #6fd90d : +60
101 : #4dd90d : +70
111 : #2bd90d : +80
121 : #0dd910 : +90
131 : #0dd932 : +100
141 : #0dd954 : +110
151 : #0dd976 : +120
161 : #0dd998 : +130
171 : #0dd9ba : +140
181 : #0dd5d9 : +150
191 : #0db3d9 : +160
201 : #0d91d9 : +170
211 : #0d6fd9 : +180
221 : #0d4dd9 : +190
231 : #0d2bd9 : +200
241 : #100dd9 : +210
251 : #320dd9 : +220
261 : #540dd9 : +230
271 : #760dd9 : +240
281 : #980dd9 : +250
291 : #ba0dd9 : +260
301 : #d90dd5 : +270
311 : #d90db3 : +280
321 : #d90d91 : +290
331 : #d90d6f : +300
341 : #d90d4d : +310
351 : #d90d2b : +320
21 : #d9540d : -10
22 : #d9580d : -9
23 : #d95b0d : -8
24 : #d95e0d : -7
25 : #d9620d : -6
26 : #d9650d : -5
27 : #d9690d : -4
28 : #d96c0d : -3
29 : #d96f0d : -2
30 : #d9730d : -1
31 : #d9760d : ±0
32 : #d97a0d : +1
33 : #d97d0d : +2
34 : #d9800d : +3
35 : #d9840d : +4
36 : #d9870d : +5
37 : #d98b0d : +6
38 : #d98e0d : +7
39 : #d9910d : +8
40 : #d9950d : +9
41 : #d9980d : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747372 : -88
3 : #76736f : -86
5 : #78736d : -84
7 : #7b736b : -82
9 : #7d7368 : -80
11 : #7f7366 : -78
13 : #827364 : -76
15 : #847362 : -74
17 : #86735f : -72
19 : #89735d : -70
21 : #8b745b : -68
23 : #8d7458 : -66
25 : #8f7456 : -64
27 : #927454 : -62
29 : #947451 : -60
31 : #96744f : -58
33 : #99744d : -56
35 : #9b744b : -54
37 : #9d7448 : -52
39 : #a07446 : -50
41 : #a27444 : -48
43 : #a47441 : -46
45 : #a6743f : -44
47 : #a9753d : -42
49 : #ab753b : -40
51 : #ad7538 : -38
53 : #b07536 : -36
55 : #b27534 : -34
57 : #b47531 : -32
59 : #b6752f : -30
61 : #b9752d : -28
63 : #bb752a : -26
65 : #bd7528 : -24
67 : #c07526 : -22
69 : #c27524 : -20
71 : #c47521 : -18
73 : #c7761f : -16
75 : #c9761d : -14
77 : #cb761a : -12
79 : #cd7618 : -10
81 : #d07616 : -8
83 : #d27614 : -6
85 : #d47611 : -4
87 : #d7760f : -2
89 : #d9760d : ±0
91 : #db760a : +2
93 : #dd7608 : +4
95 : #e07606 : +6
97 : #e27603 : +8
99 : #e47701 : +10
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -44
3 : #0e0801 : -42
5 : #180d01 : -40
7 : #221202 : -38
9 : #2b1803 : -36
11 : #351d03 : -34
13 : #3f2204 : -32
15 : #482704 : -30
17 : #522d05 : -28
19 : #5c3205 : -26
21 : #653706 : -24
23 : #6f3c06 : -22
25 : #784207 : -20
27 : #824708 : -18
29 : #8c4c08 : -16
31 : #955109 : -14
33 : #9f5709 : -12
35 : #a95c0a : -10
37 : #b2610a : -8
39 : #bc660b : -6
41 : #c66c0c : -4
43 : #cf710c : -2
45 : #d9760d : ±0
47 : #e37b0d : +2
49 : #ec810e : +4
51 : #f18613 : +6
53 : #f28b1c : +8
55 : #f29026 : +10
57 : #f39530 : +12
59 : #f39a39 : +14
61 : #f49f43 : +16
63 : #f5a34d : +18
65 : #f5a856 : +20
67 : #f6ad60 : +22
69 : #f6b26a : +24
71 : #f7b773 : +26
73 : #f7bc7d : +28
75 : #f8c187 : +30
77 : #f9c690 : +32
79 : #f9cb9a : +34
81 : #fad0a3 : +36
83 : #fad5ad : +38
85 : #fbdab7 : +40
87 : #fbdfc0 : +42
89 : #fce4ca : +44
91 : #fce9d4 : +46
93 : #fdeedd : +48
95 : #fef3e7 : +50
97 : #fef8f1 : +52
99 : #fffdfa : +54
CSS入門、作ってます。
text-shadow