#1f8915
RGB
赤 | 31 |
---|---|
緑 | 137 |
青 | 21 |
HSL
色相 | 115° |
---|---|
彩度 | 73% |
明度 | 31% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 31, 緑 = 137, 青 = 21 )
HSL ( 色相 = 115°, 彩度 = 73%, 明度 = 31% )
H : 色相 ( 115° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #891f15 : -110
15 : #893215 : -100
25 : #894515 : -90
35 : #895915 : -80
45 : #896c15 : -70
55 : #897f15 : -60
65 : #7f8915 : -50
75 : #6c8915 : -40
85 : #598915 : -30
95 : #458915 : -20
105 : #328915 : -10
115 : #1f8915 : ±0
125 : #15891f : +10
135 : #158932 : +20
145 : #158945 : +30
155 : #158959 : +40
165 : #15896c : +50
175 : #15897f : +60
185 : #157f89 : +70
195 : #156c89 : +80
205 : #155989 : +90
215 : #154589 : +100
225 : #153289 : +110
235 : #151f89 : +120
245 : #1f1589 : +130
255 : #321589 : +140
265 : #451589 : +150
275 : #591589 : +160
285 : #6c1589 : +170
295 : #7f1589 : +180
305 : #89157f : +190
315 : #89156c : +200
325 : #891559 : +210
335 : #891545 : +220
345 : #891532 : +230
355 : #89151f : +240
105 : #328915 : -10
106 : #308915 : -9
107 : #2e8915 : -8
108 : #2c8915 : -7
109 : #2b8915 : -6
110 : #298915 : -5
111 : #278915 : -4
112 : #258915 : -3
113 : #238915 : -2
114 : #218915 : -1
115 : #1f8915 : ±0
116 : #1d8915 : +1
117 : #1b8915 : +2
118 : #198915 : +3
119 : #178915 : +4
120 : #158915 : +5
121 : #158917 : +6
122 : #158919 : +7
123 : #15891b : +8
124 : #15891d : +9
125 : #15891f : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e504e : -72
3 : #4d514d : -70
5 : #4c534b : -68
7 : #4a554a : -66
9 : #495648 : -64
11 : #485846 : -62
13 : #465945 : -60
15 : #455b43 : -58
17 : #445c42 : -56
19 : #435e40 : -54
21 : #41603e : -52
23 : #40613d : -50
25 : #3f633b : -48
27 : #3d643a : -46
29 : #3c6638 : -44
31 : #3b6837 : -42
33 : #396935 : -40
35 : #386b33 : -38
37 : #376c32 : -36
39 : #356e30 : -34
41 : #346f2f : -32
43 : #33712d : -30
45 : #31732b : -28
47 : #30742a : -26
49 : #2f7628 : -24
51 : #2d7727 : -22
53 : #2c7925 : -20
55 : #2b7b24 : -18
57 : #2a7c22 : -16
59 : #287e20 : -14
61 : #277f1f : -12
63 : #26811d : -10
65 : #24821c : -8
67 : #23841a : -6
69 : #228619 : -4
71 : #208717 : -2
73 : #1f8915 : ±0
75 : #1e8a14 : +2
77 : #1c8c12 : +4
79 : #1b8d11 : +6
81 : #1a8f0f : +8
83 : #18910d : +10
85 : #17920c : +12
87 : #16940a : +14
89 : #149509 : +16
91 : #139707 : +18
93 : #129906 : +20
95 : #109a04 : +22
97 : #0f9c02 : +24
99 : #0e9d01 : +26
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -30
3 : #030d02 : -28
5 : #051603 : -26
7 : #071f05 : -24
9 : #092806 : -22
11 : #0b3108 : -20
13 : #0d3909 : -18
15 : #0f420a : -16
17 : #114b0c : -14
19 : #13540d : -12
21 : #155d0e : -10
23 : #176510 : -8
25 : #196e11 : -6
27 : #1b7713 : -4
29 : #1d8014 : -2
31 : #1f8915 : ±0
33 : #219217 : +2
35 : #239a18 : +4
37 : #25a319 : +6
39 : #27ac1b : +8
41 : #29b51c : +10
43 : #2bbe1e : +12
45 : #2dc71f : +14
47 : #2fcf20 : +16
49 : #31d822 : +18
51 : #36dd27 : +20
53 : #3edf30 : +22
55 : #46e038 : +24
57 : #4fe141 : +26
59 : #57e34a : +28
61 : #5fe453 : +30
63 : #67e65c : +32
65 : #6fe765 : +34
67 : #78e86d : +36
69 : #80ea76 : +38
71 : #88eb7f : +40
73 : #90ec88 : +42
75 : #98ee91 : +44
77 : #a1ef9a : +46
79 : #a9f1a2 : +48
81 : #b1f2ab : +50
83 : #b9f3b4 : +52
85 : #c1f5bd : +54
87 : #caf6c6 : +56
89 : #d2f7ce : +58
91 : #daf9d7 : +60
93 : #e2fae0 : +62
95 : #eafce9 : +64
97 : #f3fdf2 : +66
99 : #fbfefb : +68
CSS入門、作ってます。
text-shadow